html样式在浏览器缩放后显示不一致

houruyaogeili 2016-06-20 04:39:31

这是浏览器显示100%时的样子

这是浏览器显示110%的样子

这是浏览器显示150%的样子

显示不一致的地方：公告下面的白线有时候紧挨橘黄色的边，有时候有点空隙，这是为什么呢

...全文

745 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

zpjshiwo77 2016-06-21

打赏
举报

回复

引用 2 楼 hr201000800583 的回复:

[quote=引用 1 楼 zpjshiwo77 的回复:] 不用考虑这个，你只需要考虑100%时候没有空隙就行~ （感觉需要放大的人并不多~除了眼神不太好的，或网页内容部分的字真的太小！）

我的像素都是能对起来的啊 100%的时候为啥不对呢上面减去一像素下面加上一像素后就没有空隙了很奇怪[/quote] 那你这要好好检查一下了，因为没贴代码，我也不是很清楚。还有你这个“上面减去一像素下面加上一像素”，我并没理解你的上面和下面指的是什么~

houruyaogeili 2016-06-20

打赏
举报

回复 1

引用 1 楼 zpjshiwo77 的回复:

不用考虑这个，你只需要考虑100%时候没有空隙就行~ （感觉需要放大的人并不多~除了眼神不太好的，或网页内容部分的字真的太小！）

我的像素都是能对起来的啊 100%的时候为啥不对呢上面减去一像素下面加上一像素后就没有空隙了很奇怪

zpjshiwo77 2016-06-20

打赏
举报

回复

不用考虑这个，你只需要考虑100%时候没有空隙就行~ （感觉需要放大的人并不多~除了眼神不太好的，或网页内容部分的字真的太小！）

清洁月亮样式表可修复使用CSS的浏览器的渲染问题。 NPM npm install --save cleanmoon.css CDN 看 * 下载看 * 它有什么作用？与许多CSS重置不同，保留有用的默认值。标准化各种元素的样式。更正错误和常见的浏览器不一致问题。通过微妙的修改来提高可用性。使用详细注释说明代码的作用。 浏览器支持 Chrome合金边缘 Firefox ESR + Internet Explorer 10+ Safari 8+ 歌剧扩展的细节和已知问题 CleanMoon.css的深奥部分的其他详细信息和说明。 pre, code, kbd, samp font-family: monospace, monospace hack修复了预格式化文本的字体大小的继承和缩放。 monospace空间的复制是有意的。。 sub, s

html table表格在浏览器缩放100%时正常显示但人们有时会缩放90或者更小，这时样式便出现了问题，错位了，该如何解决呢？

如果用户缩放了浏览器，前端页面布局很可能会紊乱，出现横向滚动条或者一些元素掉落等。缩放的本质 浏览器缩放到底做了些什么呢。本质是调整了屏幕单位物理尺寸可显示的css像素比例：devicePixelRatio。放大的情况下，在dpr为1的屏幕下是让1个css像素大于1个物理像素，dpr为2时，1个css像素大于0.5个物理像素。（这里涉及到各种像素的定义，本人总结的易于理解的说法，但是不够精确） ...

HTML - 原生表格（table）在浏览器中边框宽度（border）不一致解决方案

1.单独的响应式布局hold不住这个问题，因为出问题的是device-pixel-ratio 2.问题现象是高分屏下整好的东西，在普分屏下会放大；而普分屏下整好的东西，在高分屏上会缩小。 3.重现这个问题不需要高分屏，直接用Ctrl++或者Ctrl±出来的效果是跟高分屏一致的（所以搞定这个问题之后，也可以同时预防用户误触网页缩放）。另外恢复是Ctrl+Num0 4.解决的关键就是你得在媒体适配里写device-pixel-ratio单独适配像素比；另外，需要把绝大多数组件由px单位转换为rem单位，因为需要

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章