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

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

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

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

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

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

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

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

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

标签: flex布局

分享给朋友：

返回列表

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

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

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

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

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

帝国cms后台登录地址修改（帝国cms后台地址可以修改吗）

很多小伙伴使用帝国cms的过程中，为了安全起见，想要修改后台登录地址，这是完全可以的帝国cms默认后台登录地址：xxx.com/e/admin可以修改成任意地址，例如：xxx.com/e/erxbo 只需要把admin目录重新命名就好了不过需要注意的是，修改后台目录之后，在生...

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

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

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

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