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

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

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

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


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


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

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


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

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

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

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

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

flex 布局时,如何固定一栏宽度?

用width可以。也可以用以下方法:flex: 0 0 200px;每个参数的意思:1 | 0 -- 不拉长(flex-grow) 2 | 0 -- 不缩短(flex-shrink) 3...

如何封禁AhrefsBot,SemrushBot,MJ12bot等垃圾蜘蛛爬虫

如何封禁AhrefsBot,SemrushBot,MJ12bot等垃圾蜘蛛爬虫

AhrefsBot,SemrushBot,MJ12bot等蜘蛛都是国外做网站第三方分析的平台(类似于国内的站长工具),分析的数据(网站内链,外链,历史,权重等)提供给做谷歌SEO的人员使用,按说不屏蔽也没什么关系。但是如果他爬取频率太高,影响了网站正常的访问,或者给网站服务器造成很大的压力,那么我们...

polkit pkexec 本地提权漏洞(CVE-2021-4034)解决方法

polkit pkexec 本地提权漏洞(CVE-2021-4034)解决方法

1,临时修复   删除pkexec的SUID-bit权限来缓解该漏洞风险:chmod 0755 /usr/bin/pkexecchmod u-s /usr/bin/pkexec2,完全修复——在线升级 使用centos的官方源yum&nbs...

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

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

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

网站备案审核是哪个部门负责?

网站备案有两种,一种是ICP备案,另一种是网站公安备案。其中ICP备案是由工信部主管,各省及直辖市通信管理局负责资料的审核,ICP备案需要通过网站接入服务商来提交备案资料。而网站公安备案时由公安部主管,各省及直辖市下的县区级公安网安部分负责资料的审核,网站公安备案时由网站主办者自行到全国公安备案专门...

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

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

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

发表评论

访客

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