忠實靠譜的互聯網合作品牌
我(wǒ)(wǒ)們有能力和經驗讓您的想法成爲現實
時間:2022-08-06 03:08:23 點擊:197次
響應式網頁已經成爲當下(xià)主流的網站設計形式,因爲現在的顯示終端越來越多樣化,哪怕你的企業在設計制作網站時爲電(diàn)腦和手機各制作一(yī)個網站也已無法滿足這衆多顯示終端的展示需求了。所以不管是從節省制作成本還是提升用戶浏覽體(tǐ)驗度的角度出發,響應式網站都是現時企業制作網站時的選擇方案,而要想讓網站能實現自适應各種不同尺寸顯示終端的顯示,就得先了解一(yī)下(xià),目前主流的顯示設備都有哪些分(fēn)辨率。
首先說PC顯示器(含主流尺寸筆記本電(diàn)腦):
1024px * 768px
1280px * 800px
1366px * 768px
1440px * 900px
1600px * 900px
1920px * 1080px
2K分(fēn)辨率2048×1080
4K分(fēn)辨率4090×2160
其中(zhōng) 1024px * 768px 的分(fēn)辨率正逐漸被淘汰, 而4K、2K分(fēn)辨率的顯示器目前畢竟還沒普及,根據AdDuplex的統計數據來看,主流的PC屏幕分(fēn)辨率依然是 1366 x 768、1440 x 900 和 1920 x 1080 位居前三名。
其次是PAD類産品:
ipad1: 1024×768像素
ipad2: 1024x768像素
ipad3: 2048×1536像素
ipad4: 2048×1536像素
ipad air: 2048×1536像素
ipad air2: 2048×1536像素
ipad mini: 1024×768像素
ipad mini2: 2048×1536像素
其中(zhōng)ipad1、ipad2、ipad mini均已淘汰,在制作網站布局時已基本可以不再考慮這些分(fēn)辨率的産品了。
是智能手機:
在談手機屏幕分(fēn)辨率之前,我(wǒ)(wǒ)們要先了解一(yī)下(xià)手機屏幕的比例問題,也就是我(wǒ)(wǒ)們在日常使用中(zhōng)經常接觸到 4:3、16:9、16:10、21:9這些比值,也就是分(fēn)辨率中(zhōng)橫向像素與豎向像素的比值 。4:3是我(wǒ)(wǒ)們初所用的分(fēn)辨率尺寸比,以前的電(diàn)腦屏幕幾乎都是4:3;随後寬屏顯示器出現,16:10開(kāi)始流行。
現在一(yī)些主流手機(偏舊(jiù))的分(fēn)辨率爲:720p(720×1280),1080p(1080×1920),2k(2560×1440)
而在制作響應式網站布局又(yòu)不僅是要考慮手機的分(fēn)辨率,同時還要考慮手機的操作系統的問題,因爲不同操作系統所配的浏覽器對網頁的解析會略有不同。
在我(wǒ)(wǒ)們了解了以上各種顯示終端的屏幕分(fēn)辨率後,在制作布局響應式網站時才可以針對不同的顯示設備做相應的調試,以确保網站上線後能兼容各種顯示終端顯示。