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

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

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

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

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

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

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

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

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

标签: flex布局

分享给朋友：

返回列表

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

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

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

ICP备案和公安备案有什么区别

什么是ICP备案？"网站ICP备案”里面又分为“经营性网站备案”和“非经营性网站备案”，区分这两种网站类型也非常简单，如果您的网站从事商务收费活动，如信息发布，广告业务，网页制作收费、交易型网站，像：淘宝、京东这类网站，就属于经营性网站，如果只提供网页展示服务，如企业展示网站、个人网站这一...

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

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

帝国cms中tagsinfo标签和showtags标签的区别？

一个调用tags相关新闻，另一个是调用tags本身...

宝塔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...

php 如何开启 opcache 缓存

网站应用在使用的过程中，随着数据越来越多，网站运行也会越来越慢，如果网站并发访问过多也会造成网页打开速度变慢。开启opcache 缓存，可以有效提高网页的打开速度1，进入宝塔面板安装PHP扩展注意：Redis扩展仅支持一个PHP版本安装使用，若在其它PHP版本已安装redis扩展，请勿再装请按实际需...