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指数衡量屏幕清晰程度更加准确。

  • 8
    点赞
  • 51
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值