Question

分辨率跟屏幕宽度有关系吗？

在web开发中，我用document.body.clientWidth获取屏幕宽度，pc端得到是1366跟分辨率大小一样，在手机端得到是414，手机是7p，分辨率是1920*1080，很奇怪，求解答？

Answer 1

电脑端的分辨率跟显卡设置有关，正常你说的pc端分辨率就是你这样测到的，移动端分辨率之外还有viewport这个概念。也就是手机的物理像素 跟逻辑像素。可以参考文章网页链接。手机因为小，不能清晰的显示网页的真实宽度，所以大家都在做自适应。更多的自动使用物理像素的宽度做网页的宽度。

Answer 2

一般来讲没有任何关系。
同样的分辨率，屏幕越大，颗粒感越明显，屏幕越小显示越细腻。
一般表示屏幕显示细腻程度的值为 DPI 每英寸像素个数

并不是尺寸越大屏幕分辨率就越高哦。

Answer 3

屏幕分辨率就是宽与高的像素质，如800X480就是此时屏幕显示宽为800像素、高为480像素的图片时，正好满屏（屏幕上、下、左、右无黑边、图像宽、高不失真）。当屏幕分辨率（宽与高的比）与图片分辨率（宽与高的比）不一致时，只要你使用按图片原比例作缩、放浏览，屏幕要么上下有空白边、要么左右有空白边，但图片不会变形、失真。如果此时你不使用图片原比例作缩、放，要把宽或高的某一边拉伸（缩、放）到与屏幕一致，图片就会变形失真（图片上的人物就会出现矮胖、或者瘦高）。看图片会有变形的现象与平板电脑屏幕无关系。因生活中用到的图片分辨率有各种各样的，但电脑屏幕基本上只有16：9和4：3两种，而16：9是近年的主流比例，无论电脑、电视屏幕，基本上都是16：9了。 之所以会出现看图片会有变形的现象，就是上面所说的屏幕分辨率（宽与高的比）与图片分辨率（宽与高的比）不一致时，又没有使用按图片原比例作缩、放浏览所至，只要使用按图片原比例作缩、放浏览，无论看什么样的图片都不会出现变形现象。

Answer 4

由于手机屏幕的尺寸和分辨率千差万别，如果按照电脑端的方式来开发网页，那么网页很可能就会出现千人千面的效果，很难统一。因此手机（或者说移动端）网页并不是按照物理分辨率来渲染页面的，而是按照“视界”（viewport）来处理，也就是把物理分辨率映射到一个统一尺寸的矩形中，这样的话，同一个尺寸（比如说400px）在苹果4和苹果x中的效果都差不多了。

Answer 5

分辨率是通过屏幕和他色彩密度分布决定的哦，手机端的分辨率和pc的分辨率是不一样的