响应(ying)式(shi)网(wang)(wang)(wang)(wang)页已经成(cheng)为当下主流的(de)网(wang)(wang)(wang)(wang)站(zhan)(zhan)设计(ji)(ji)形式(shi)，因为现在的(de)显(xian)示(shi)(shi)(shi)终端越(yue)来越(yue)多样化，哪怕你的(de)企(qi)业(ye)在设计(ji)(ji)制(zhi)作(zuo)(zuo)网(wang)(wang)(wang)(wang)站(zhan)(zhan)时为电脑和手(shou)机(ji)各(ge)制(zhi)作(zuo)(zuo)一(yi)(yi)个(ge)网(wang)(wang)(wang)(wang)站(zhan)(zhan)也已无(wu)法满足这众多显(xian)示(shi)(shi)(shi)终端的(de)展示(shi)(shi)(shi)需求了。所(suo)以(yi)不管(guan)是(shi)(shi)从(cong)节省(sheng)制(zhi)作(zuo)(zuo)成(cheng)本还(hai)是(shi)(shi)提升用(yong)户(hu)浏览(lan)体(ti)验(yan)度的(de)角度出发，响应(ying)式(shi)网(wang)(wang)(wang)(wang)站(zhan)(zhan)都是(shi)(shi)现时企(qi)业(ye)制(zhi)作(zuo)(zuo)网(wang)(wang)(wang)(wang)站(zhan)(zhan)时的(de)选择方案，而要想让网(wang)(wang)(wang)(wang)站(zhan)(zhan)能实现自适应(ying)各(ge)种不同尺寸(cun)显(xian)示(shi)(shi)(shi)终端的(de)显(xian)示(shi)(shi)(shi)，就得(de)先了解一(yi)(yi)下，目前主流的(de)显(xian)示(shi)(shi)(shi)设备都有哪些分(fen)辨率。

　　首先说PC显(xian)示器（含主流尺寸笔(bi)记本电(dian)脑）：

　　1024px * 768px

　　1280px * 800px

　　1366px * 768px

　　1440px * 900px

　　1600px * 900px

　　1920px * 1080px

　　2K分辨率(lv)2048×1080

　　4K分辨率4090×2160

　　其中(zhong) 1024px * 768px 的(de)分辨(bian)率正逐渐被淘(tao)汰, 而4K、2K分辨(bian)率的(de)显(xian)示器目(mu)前毕竟还没普及，根据(ju)AdDuplex的(de)统计数据(ju)来看，主流的(de)PC屏幕(mu)分辨(bian)率依然(ran)是 1366 x 768、1440 x 900 和(he) 1920 x 1080 位居前三名。

　　其次是PAD类产品：

　　ipad1: 1024×768像(xiang)素

　　ipad2: 1024x768像素

　　ipad3: 2048×1536像素

　　ipad4: 2048×1536像素

　　ipad air: 2048×1536像素(su)

　　ipad air2: 2048×1536像素

　　ipad mini: 1024×768像素

　　ipad mini2: 2048×1536像素

　　其中ipad1、ipad2、ipad mini均已淘汰，在制作(zuo)网(wang)站布局时已基本可以(yi)不再考虑这些分辨(bian)率的产(chan)品(pin)了。

　　是智能手机：

　　在(zai)谈手(shou)机(ji)屏(ping)(ping)幕分辨(bian)(bian)率(lv)之前(qian)，我们(men)要先了解一下(xia)手(shou)机(ji)屏(ping)(ping)幕的(de)比(bi)例问题，也(ye)就是我们(men)在(zai)日常使用(yong)中(zhong)经(jing)常接触到 4:3、16:9、16:10、21:9这些比(bi)值，也(ye)就是分辨(bian)(bian)率(lv)中(zhong)横向像素(su)与竖向像素(su)的(de)比(bi)值 。4：3是我们(men)初所(suo)用(yong)的(de)分辨(bian)(bian)率(lv)尺寸比(bi)，以(yi)前(qian)的(de)电脑屏(ping)(ping)幕几乎都是4:3；随后(hou)宽屏(ping)(ping)显示器出(chu)现(xian)，16:10开始流(liu)行(xing)。

　　现(xian)在一些主流手机（偏旧）的分(fen)辨率为：720p（720×1280），1080p（1080×1920），2k（2560×1440）

　　而在制作响应式网站布局又不(bu)仅是(shi)要考虑(lv)手(shou)机的(de)分辨率，同时还(hai)要考虑(lv)手(shou)机的(de)操作系(xi)统(tong)(tong)的(de)问题，因为(wei)不(bu)同操作系(xi)统(tong)(tong)所配的(de)浏览器对网页的(de)解析会略有不(bu)同。

　　在(zai)我们(men)了解了以(yi)上各(ge)种显(xian)示(shi)终端(duan)的(de)屏幕分辨率(lv)后，在(zai)制(zhi)作布局响应式(shi)网站(zhan)时才可以(yi)针对(dui)不(bu)同(tong)的(de)显(xian)示(shi)设备做相(xiang)应的(de)调(diao)试，以(yi)确保网站(zhan)上线后能(neng)兼(jian)容各(ge)种显(xian)示(shi)终端(duan)显(xian)示(shi)。