屏幕分辨率尺寸的问题

clipboard.png

clipboard.png

请问一下 这两个尺寸分别都是什么尺寸 有什么具体的区别吗?

阅读 2.3k
2 个回答

首先,浏览器缩放比例变大(大于 100%),浏览器分辨率变小;若反过来,浏览器缩放比例变小(小于 100%),浏览器分辨率变大。

例如:

浏览器(缩放比例为 100% 时)分辨率为 1000px(宽) * 1000px(高),
浏览器(缩放比例为 150% 时)分辨率为 1500px * 1500px,
浏览器(缩放比例为 50% 时)分辨率为 500px * 500px。

网页里有个 500px * 500px 的 div 盒子,那么这个盒子,在不同缩放比的情况下视觉上表现完全不同,如下:

缩放比例为 100% 时(正常情况下), div 盒子占浏览器 50%,视觉上正常,
缩放比例为 150% 时(放大情况下), div 盒子占浏览器 33.3%,视觉上变小,
缩放比例为 50% 时(缩小情况下), div 盒子占浏览器 100%,视觉上变大。

所以,缩放浏览器比例,会造成网页里各个元素的排版有所不同。

@gauseen

你的浏览器是不是 缩放了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题