web界面兼容性测试--浏览器/平台/分辨率

文章目录

兼容性测试
屏幕（主屏）尺寸
分辨率
- 屏幕分辨率
- 什么是屏幕像素密度？
- 屏幕像素密度，分辨率，屏幕尺寸的关系是什么？
- 电脑屏幕可以调分辨率，难道是通过调整它的像素大小实现的？

兼容性测试

兼容性测试主要是针对不同的操作系统平台，浏览器，以及分辨率进行的测试。由于用户浏览器的不同，往往都会使我们的网页发生页面样式错乱，图片无法显示等问题。因此我们就需要对网页进行兼容性测试。对于应用，我们无法预计用户的客户端配置和运行环境。所以，做好兼容性测试是非常重要的。

屏幕（主屏）尺寸

屏幕（主屏）尺寸是什么，怎么算？

1英寸（inch）=2.54厘米（cm）

我们所说的这个5.2英寸是手机屏幕对角线的长度。

分辨率

像素即px，是画面中最小的点（单位色块）。像素的大小是没有固定长度值的，不同设备上1个单位像素色块的大小是不一样的。
分辨率=画面水平方向的像素值 * 画面垂直方向的像素值。
分辨率可以分为两方面：屏幕分辨率和图像分辨率。

屏幕分辨率

例如，屏幕分辨率是1024×768，也就是说设备屏幕的水平方向上有1024个像素点，垂直方向上有768个像素点。
像素的大小是没有固定长度的，不同设备上一个单位像素色块的大小是不一样的。
例如，尺寸面积大小相同的两块屏幕，分辨率大小可以是不一样的，分辨率高的屏幕上面像素点（色块）就多，所以屏幕内可以展示的画面就更细致，单个色块面积更小。而分辨率低的屏幕上像素点（色块）更少，单个像素面积更大，可以显示的画面就没那么细致。
参考：知乎-分辨率和像素是什么关系？

什么是屏幕像素密度？

屏幕像素密度，即每英寸屏幕所拥有的像素数，英文简称PPI。
注意是PPI不是单位面积上的像素数，只是单位尺寸上的像素数，而这个尺寸是以对角线为计算的。

屏幕像素密度，分辨率，屏幕尺寸的关系是什么？

电脑屏幕可以调分辨率，难道是通过调整它的像素大小实现的？

人家系统给你推荐的是1366px768px的分辨率，你知道意味着什么吗？没错，微软在这块屏幕上横向设置了768个像素，竖向设置了1366个像素。再怎么拉扯，这个数字是不会变了。那么，为啥我还能调整分辨率呢？我要是调整到800px600px，按照定义，横向就是600个像素，竖向就是800个像素了啊。其实呢，你把分辨率调成800600，系统就会分配给你800600个有效像素个数，也就是真实的色彩块。其他的个数呢，就由系统自作主张，通过一系列运算给你一个模拟色彩块，填充成正好1366*768个色彩块。这些拿来充数的像素块，和真实的像素块放到一起。就好比一个正规军，里面掺了很多杂牌军一样，只能是队伍不好带了。

屏幕的清晰程度其实是分辨率和尺寸大小共同决定，用ppi指数衡量屏幕清晰程度更加准确。