缩放浏览器底部出现留白

尤雨塘 2021-03-28 10:22:55
随着缩放浏览器，浏览器底部出现大量留白，该怎么解决啊？
...全文
1116 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
我爱小仙女 2021-03-29
  • 打赏
  • 举报
 回复
监听onresize事件
sha虫剂 2021-03-29
  • 打赏
  • 举报
 回复
高度别给固定的，用100%，如果你的body或者外层盒子没法给高度100%可以用100vh,但是这个存在移动端兼容问题，可以用window.innerHeight 动态JS设置高度（三种方法各有利弊，看你自己项目适合哪种）
CSS针对IE6实现网页图片底部留出空白的方法
总的来说，解决IE6的图片底部留白问题需要对CSS有深入的理解，以及对浏览器兼容性的敏锐把握。随着现代浏览器的普及，IE6的兼容问题逐渐减少，但了解这些问题及其解决方案对于构建跨浏览器的网站仍然是非常有价值的...
FPDF 使用手册
- `$margin`：底部留白。 ##### 2.25 SetCompression - **功能**：设置页面内容压缩。 - **语法**：`SetCompression($mode = true)` - **参数**： - `$mode`：压缩模式。 ##### 2.26 SetCreator - **功能**：...
如何使元素在浏览器缩小的时候不会出现留白？
这样在浏览器缩小到子元素的宽度时就不会出现留白。 1：代码 <!DOCTYPE html>      <title></title>  <!--<link rel="stylesheet" type="text/css" href="css/css1.css" />-->    .head {  width: ...
vue3：解决H5网页苹果ios手机键盘弹起再收回的时候页面会留白问题，页面软键盘弹起后页面下方空白区域，vue3 h5页面在iphone手机上底部会有留白解决办法（兼容微信公众号H5微信内置浏览器）
h5页面在iphone手机上底部会有留白解决办法，vue3 h5页面IOS唤起键盘后--导致页面底部空白问题，vue3移动端解决h5页面在ios端输入框失去焦点后页面底部留白问题，微信浏览器中，微信H5项目，ios端出现了软键盘输完...
vue中高度给100%,底部还是留白
在vue中,如登录界面,最外的div 高度给100%,底部还是有留白,今天特意去查了一下, 解决方案: 宽度给了100vw,高度给了100vh,就解决了 这里说到适配问题,只谈100%和100vh的区别: vh就是当前屏幕可见高度的1%,也就是说...
CSS

61,125

社区成员

60,706

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章