中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

教你瀏覽網(wǎng)站時更換瀏覽器的分辨率

2023-03-05    分類: 網(wǎng)站建設

現(xiàn)在電腦的分辨率很多,如1920px、1600px、1344px,網(wǎng)站在不同分辨率的表現(xiàn)是不一樣,尤其是響應式網(wǎng)站的制作方便,需要適配不同的網(wǎng)站尺寸,那么如何調(diào)試網(wǎng)站在不同分辨率的表現(xiàn)呢?
隨著現(xiàn)代社會的快速發(fā)展,手機幾乎成了每個人不能離開的一部分,現(xiàn)在做網(wǎng)站的時候,也會考慮到手機瀏覽的事情,所以就出現(xiàn)了一種叫響應式的網(wǎng)站,就是在不同的分辨率的下,都能正常的顯示網(wǎng)頁,現(xiàn)在我們就討論下如何響應式網(wǎng)站的各種分辨率的切換技巧。

顯示器分辨率

我們以顯示器的分辨率1920*1080來切換各種分辨率,如下圖所示:
這種分辨率是目前比較主流的,大多數(shù)顯示器都是這種分辨率,包括幾年前的手機分辨率也是這個,但這是手機橫屏分辨率,豎屏分辨率是1080*1920,也就是寬度是1080px。由于我們前端設計師在寫樣式的時候,都是根據(jù)顯示器(手機屏幕)的寬度來寫代碼的,所以我們在測試網(wǎng)頁的時候只要測試不同寬度的分辨率就可以了。
屬性
上面我說過顯示器的分辨率寬度是1920px,那么如果我們?yōu)g覽更大的分辨率的寬度該怎么辦呢?例如現(xiàn)在已經(jīng)有大量的2560px寬度分辨率的顯示器了,但我的顯示器大分辨率只有1920px,所以我們就要對瀏覽器進行縮放來模擬2560px的寬度,打開谷歌瀏覽器,如下圖所示:
點擊右上角的豎三點,將縮放從100%縮小到75%,這個由計算公式1920÷75%=2560。如果想要瀏覽更大寬度的分辨率,可以同樣的方法,我們可以將瀏覽器的百分比設為x.目前的分辨率為y,需要瀏覽的寬度為z,公式為x=y÷z,得到的x為百分比,當然也可以出現(xiàn)z比y小的情況,這就是下面我們要說的筆記本上的分辨率。
顯示器
先來看看筆記本顯示兩張圖片:這就是1920*1080放大125%的分辨率。
其他這個顯示器的實際分辨率可以根據(jù)上面的分辨率得到z=y÷x=1536,所以前端寫樣式的時候要注意1536px的分辨率,不能僅僅只關注1400px的分辨率,還有一種是1920放大150%,也就1280px的分辨率,與常規(guī)的筆記1366px差不多。
以上就是教你如何使用一臺顯示器瀏覽所有主流分辨率的情況,當然要記住,不是百分百準確的,如果有體驗的好,還是要有各種分辨率的顯示器會更好些。
上面是常用的使用不同分辨率調(diào)試網(wǎng)站的方法,還有一種就是使用網(wǎng)站調(diào)試工具,如按瀏覽器的F12快捷鍵,里面可以設置分辨率。

網(wǎng)頁題目:教你瀏覽網(wǎng)站時更換瀏覽器的分辨率
標題路徑:http://m.rwnh.cn/news0/241550.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供用戶體驗、網(wǎng)站設計公司、搜索引擎優(yōu)化電子商務、商城網(wǎng)站網(wǎng)站導航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
永康市| 楚雄市| 朝阳区| 恩施市| 德令哈市| 邳州市| 乐清市| 尖扎县| 泗洪县| 荣成市| 古丈县| 泰安市| 衡东县| 多伦县| 长子县| 古蔺县| 赤壁市| 汝阳县| 文登市| 根河市| 汤原县| 通许县| 广昌县| 乌拉特后旗| 西华县| 南阳市| 乌鲁木齐县| 厦门市| 湖北省| 高阳县| 新郑市| 静海县| 志丹县| 昌都县| 石棉县| 沐川县| 手游| 上蔡县| 吐鲁番市| 合阳县| 新巴尔虎右旗|