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

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

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

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


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


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

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


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

版权声明:本站内容为原创和部分整理自网络,如有侵权务必联系我们删除,保障您的权益,本站所有软件资料仅供学习研究使用,不可进行商业用途和违法活动,本站不承担任何法律责任。

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

标签: flex布局
分享给朋友:

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

帝国cms 栏目页无法刷新的解决方法

帝国cms 栏目页无法刷新的解决方法

在更新完数据之后,一般都需要刷新一下栏目页,但是点击之后一直转圈无法刷新,等待一会儿之后直接停止刷新了查找了一下原因发现是,服务器PHP的内存不足造成的把脚本运行时间和脚本内存限制调大一些就可以了。重新刷新栏目页成功...

RHSA-2020:0630: ppp 安全更新,漏洞修复方法

RHSA-2020:0630: ppp 安全更新,漏洞修复方法

阿里云提示系统软件漏洞修复命令:yum update ppp...

php5.x版本安装Suhosin扩展禁用eval函数教程

php5.x版本安装Suhosin扩展禁用eval函数教程

下载:suhosin扩展官网:https://suhosin.org/  下载合适的版本直接下载:suhosin-master.zip这个是suhosin5版本,我的PHP使用的是PHP5.6,PHP7以上的安装方式不一样,版本也不同,注意区分。今天主要介绍一下PHP5.x版本的安装过程:...

帝国cms  图片地址如何设置成二级域名(宝塔面板)?

帝国cms 图片地址如何设置成二级域名(宝塔面板)?

帝国cms 做的一个网站,由于图片过多需要把附件图片的域名设置成二级域名,方便以后设置CDN缓存加速。看了很多教程,都说需要把帝国cms  的d文件夹绑定二级域名但是这样做没有办法生效,这样设置二级域名也无法安装ssl证书1,最好的办法就是把二级域名 重新单独添加一个站点,二级域名指向网站...

sublime text 一键删除空白行的方法

sublime text 一键删除空白行的方法

 Text中按下alt+H,打开搜索功能,勾选左侧的*号区域,然后在find栏中输入正则表达式^(\t)*$\n 在replace栏留空,最后直接点击Replace All即可。简单又方便...

windows11中如何删除"$WINDOWS.~BT"文件夹

windows11中如何删除"$WINDOWS.~BT"文件夹

注意方法失效,此种方式并不能删除文件夹官方的安全做法是,以管理员权限打开cmd。将下面三条指令依次复制粘贴在cmd中并执行,就能成功删除"$WINDOWS.~BT"文件夹:takeown /F C:\$Windows.~BT\* /R /A...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。