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

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

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

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

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

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

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

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

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

标签: flex布局

分享给朋友：

返回列表

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

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

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

网站全站变黑白如何实现

发生一些重大的公共事件，或者一些重要的日子等，很多网站需要变成黑白两色，那么它是怎么实现的呢其实很简单，几行CSS代码即可实现，把下面这段CSS代码放到公共文件中即可。body *{ -webkit-filter: grayscale(100%); /* w...

使用阿里云OSS对象存储需要备案吗？

对象存储OSS是否需要备案，分情况：1、如果使用阿里云系统生成的OSS长链接，如：oss-cn-shanghai.aliyuncs.com，则不需要备案。2、OSS绑定自定义域名，如果OSS地域是中国大陆地域，则需要备案；如果非中国大陆地域，则不需要备案。...

宝塔Nginx报错：nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok 解决方法

网站在运行过程中出现服务器Nginx停止，点击重启之后无法重启并出现报错：nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok&n...

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

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

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

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