美文网首页
CSS-浏览器显示的盒子大小与设置的盒子的像素不一致的问题

CSS-浏览器显示的盒子大小与设置的盒子的像素不一致的问题

作者: new个bug | 来源:发表于2022-02-07 14:07 被阅读0次

浏览器显示的盒子大小与自己设置的大小不一致?

如果你使用的是win10,反复检查自己的数据没有错误后,很有可能是因为开启了125%的显示。

桌面空白处-右击-显示设置

因此,在这种情况下如果使用snipaste等工具测量某网页的盒子大小后,想要自己模仿的小伙伴们可能会遇到自己的盒子变大了的问题。可以将其改为100%再进行测量,但是win10界面就会变得很小,眼睛疲劳+10086。

可以把浏览器的比例设置为0.8,就可以解决这个问题啦。

相关文章

  • CSS-浏览器显示的盒子大小与设置的盒子的像素不一致的问题

    浏览器显示的盒子大小与自己设置的大小不一致? 如果你使用的是win10,反复检查自己的数据没有错误后,很有可能是因...

  • 高度塌陷

    以上的代码中,我们定义了四个背景颜色不一致,大小一致的盒子,并对每个盒子设置了左浮动,四个盒子被包裹在div盒子中...

  • div盒子宽高固定,图片正常显示

    div盒子大小固定,图片要求正常铺满显示 方法一:通过盒子设置宽、高,然后图片直接设置100%。这样小的图片,比例...

  • css基础系列

    盒子模型 盒子模型的概念 高和宽的设置 边框的设置 内边距的设置 外边距的设置 盒子的计算 元素显示的方式 盒子模...

  • css中的margin

    1)设置盒子与盒子之间的距离margin-bottom: 10px; 2)特点-->当两个盒子垂直显示的时候(水平...

  • 前端-07 盒子模型

    盒子大小: 使用width来设置盒子内容区的宽度使用height来设置盒子内容区的高度width和height只是...

  • 盒子

    盒子大小: 使用width来设置盒子内容区的宽度使用height来设置盒子内容区的高度width和height只是...

  • 盒子模型

    盒子大小: 使用width来设置盒子内容区的宽度使用height来设置盒子内容区的高度width和height只是...

  • 几分钟了解前端之——css基础知识系列

    一、盒子模型 盒子模型的概念 高和宽的设置 边框的设置 内边距的设置 外边距的设置 盒子的计算 元素显示的方式 盒...

  • 盒子模型

    网页布局的本质: 1、用css设置好盒子的大小,摆放盒子的位置 2、将网页元素放入盒子里面 盒子模型由内容、边框、...

网友评论

      本文标题:CSS-浏览器显示的盒子大小与设置的盒子的像素不一致的问题

      本文链接:https://www.haomeiwen.com/subject/zfsmkrtx.html