当前位置：首页 > 建站技术 > 正文内容

flex 布局缩小浏览器右侧出现空白

二向箔2022-07-29 16:18:12建站技术535

web前端页面自适应flex布局，一次错误记录

flex布局之后，缩小浏览器，浏览器下方出现横向滚动条，浏览器右侧出现大片空白。

原因：在整个页面布局的过程中，在小尺寸屏幕中，各个div块宽度设置100%宽度，但是有其中一个模块没有设置相应的宽度，还是以前的固定宽度，把页面撑开了，使用开发者工具查看后发现该模块无法缩放

调整css代码之后布局恢复正常

扫描二维码推送至手机访问。

本文链接：https://www.erxbo.com/post/30.html

标签: flex布局

分享给朋友：

返回列表

上一篇：Centos7.x如何升级系统自带SQLite3

下一篇：宝塔面板使用Mysql命令快速导入大容量数据库或超大sql文件

“flex 布局缩小浏览器右侧出现空白” 的相关文章

PHP substr()：截取字符串

在对字符串进行处理时，有时我们需要对字符串进行截取操作。在 PHP 中，截取字符串可以通过 PHP 的预定义函数 substr() 来实现，本节我们就来介绍一下 substr() 函数的使用。substr() 函数可以从字符串的指定位置截取一定长度的字符，这段被截取的字符可称为“子串”或者“子字符串...