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

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

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

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


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


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

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


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

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

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

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

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

帝国cms“建立目录不成功!请检查目录权限”,的解决方法

帝国cms“建立目录不成功!请检查目录权限”,的解决方法

在安装完帝国cms之后,进行数据更新的时候,有时候会提示“建立目录不成功!请检查目录权限”。如果是新安装帝国cms,是因为没有进行初始化数据造成的,按照安装帝国cms安装步骤,一步步来恢复数据即可。如果是网站迁移搬家,是网站系统参数哪里没有把网址和目录更改成最新的,有手机站的同时要把手机站目录和网址...

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

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

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

帝国CMS 编辑器上传图片取消宽高的方法

帝国CMS 编辑器上传图片取消宽高的方法

帝国cms 在后台编辑器内上传图片的时候,会自动获取图片的宽高,同时代码中也会出现图片的宽高尺寸,看起很智能其实很不方便,图片的宽高固定之后,前台文章显示就会出现变形,高度还好,图片一但超过文章页的宽度,图片宽度就会被自动压缩,导致图片变形。所以后台编辑器中的默认宽高一定要去掉。1,找到文件路径,修...

soybean-admin 高颜值且功能强大的后台管理模板

soybean-admin 高颜值且功能强大的后台管理模板

一个清新优雅、高颜值且功能强大的后台管理模板特性:- 前沿技术应用:采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技术栈。- 清晰的项目架构:采用 pnpm monorepo 架构,结构清晰,优雅易懂。- 严格的代码规范:遵循 SoybeanJS...

帝国cms迁移教程

帝国cms迁移教程

网站迁移步骤:    1、在旧服务器备份数据库、“d”附件目录与表单目录;2、到新服务器安装新的帝国网站管理系统;3、登陆后台恢复备份的数据库、“d”附件目录与表单目录;4、重新生成前台页面;5、网站迁移完毕。    一、在旧服务器备份数据库、“d”附件目录与...

HTMLrev - 精选的免费 HTML 模板下载

HTMLrev - 精选的免费 HTML 模板下载

一个免费 HTML 模板下载网站,提供 1500+ 免费 HTML 模板下载,适用于网站、登录页面、博客、投资组合、电子商务和仪表板。模板都提供详细介绍,并可直接一键打包下载,所有模板对个人和商业项目都是免费的。网址:https://htmlrev.com/...

发表评论

访客

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