缩放浏览器底部出现留白

尤雨塘 2021-03-28 10:22:55

随着缩放浏览器，浏览器底部出现大量留白，该怎么解决啊？

...全文

997 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

我爱小仙女 2021-03-29

打赏
举报

回复

监听onresize事件

sha虫剂 2021-03-29

打赏
举报

回复

高度别给固定的，用100%，如果你的body或者外层盒子没法给高度100%可以用100vh,但是这个存在移动端兼容问题，可以用window.innerHeight 动态JS设置高度（三种方法各有利弊，看你自己项目适合哪种）

我来补充一下原因。首先，我测试了一下，的确存在这个问题。Scale the image, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background posi...

在vue中,如登录界面,最外的div 高度给100%,底部还是有留白,今天特意去查了一下, 解决方案: 宽度给了100vw,高度给了100vh,就解决了这里说到适配问题,只谈100%和100vh的区别: vh就是当前屏幕可见高度的1%,也就是说 100vh == 100%, 如果当元素没有内容的时候，设置height:100%该元素不会被撑开，但是设置height:100vh，该元素会被撑开屏幕高度一致。 ...

在项目开发的过程中，提高浏览器分辨率后，边框与图片之间会显示一点空白。

布局做好的页面不会因为缩小浏览器窗口而右边出现空白？ [“发现现在缩小窗口，底部出现进度条，滑动至右边，就出现空白”]这个问题是个十分常见且容易忽略的bug。原因是因为出现空白的元素设置了宽度100%，缩小窗口相当于减小了宽度值，那么为什么出现滚动条呢？是因为页面中至少有一个元素a的width大于窗口的width，导致把页面撑开，出现了滚动条，而此时那个width

本文引自：http://blog.csdn.net/gyy93/article/details/70905405 布局做好的页面不会因为缩小浏览器窗口而右边出现空白？“发现现在缩小窗口，底部出现进度条，滑动至右边，就出现空白”这个问题是个十分常见且容易忽略的bug。原因是因为出现空白的元素设置了宽度100%，缩小窗口相当于减小了宽度值，那么为什么出现滚动条呢？是因为页面中至少有一...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章