建設響應式網站的常用分(fēn)辨率尺寸大(dà)小(xiǎo)

當前，響應性網頁已經成爲網站設計的主流形式，因爲顯示終端變得越來越多樣化。 即使您的公司設計了用于計算機和手機的網站，它也不能滿足許多顯示終端的需求。 需求量大(dà)。 因此，無論是從節省生(shēng)産成本還是改善用戶的浏覽體(tǐ)驗的角度來看，響應型網站都是企業生(shēng)産網站的首選解決方案。 如果您希望網站能夠适應不同大(dà)小(xiǎo)的各種終端的顯示，那麽讓我(wǒ)們首先了解一(yī)下(xià)主流顯示設備當前可用的分(fēn)辨率。
  首先，PC顯示器（包括主流筆記本電腦）：
  1024px * 768px
  1280px * 800px
  1366px * 768px
  1440px * 900px
  1600px * 900px
  1920像素* 1080像素
  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ǒ)們在日常使用中(zhōng)經常遇到4：3、16：9、16：10、21：9的比例，這 就是要區分(fēn)水平像素與垂直像素的比例。  4：3是我(wǒ)們最初使用的分(fēn)辨率與尺寸的比率。 幾乎所有以前的計算機屏幕都是4：3； 然後出現了寬屏顯示器，并且16:10變得流行。
  一(yī)些主流手機（舊款）的分(fēn)辨率爲：720p（720×1280），1080p（1080×1920），2k（2560×1440）
  在生(shēng)成響應式網站布局時，不僅應考慮手機的分(fēn)辨率，而且還應考慮手機的操作系統，因爲配備不同操作系統的浏覽器對網頁的分(fēn)析會略有不同。
  了解了上述各種顯示終端的屏幕分(fēn)辨率後，可以在制作響應布局的網站時針對不同的顯示設備進行相應的調試，以确保該網站上線後可與各種顯示終端顯示器兼容。