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

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

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

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

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

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

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

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

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

标签: flex布局

分享给朋友：

返回列表

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

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

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

解除CSDN代码复制限制方法很简单

复制个代码还得登录，实在令人头秃用这段代码即可临时解除复制限制(function(){ var code = document.getElementsByTagName('code'); &...

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

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

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

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

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

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

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

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