页面放大问题
来源：2-29 小慕医生项目开发
慕九州9284067
2021-09-22 12:16:38
当页面放大到一定程度，页面的显示会有一定问题，请问如何解决？
放大页面（ctrl+鼠标滚轮）---
拉横向滚动条---
可以看到banner和nav的右侧变白了!
但是像慕课网首页这样的成熟的网站的网页放大就不会这样的问题。
为什么?
写回答
1回答
-
好帮手慕然然
2021-09-22
同学你好，在实际开发中，只要在100%的缩放比下能够正常显示即可，不需要放大去看效果。
放大后，右侧之所以会出现空白，是因为nav盒子与banner盒子的宽度为100%，等于body的宽度，body宽度会跟随网页缩放发生变化，而其他内容盒子的宽度设置的是固定值，不管网页如何缩放，宽度都不会发生改变 。
如图所示，当网页放大后，body变为了951px，而其他内容盒子还是1201px，此时整个网页宽度为1201px，而nav盒子与banner图片等于body的宽度，所以body有多大，它们就有多大，导致右侧留出空白
可以通过给body盒子设置最小宽度，来解决这个问题，如图
祝学习愉快！
0
相似问题