2023年6月20日发(作者:)

HTML页⾯中解决内容元素随窗⼝变化布局变乱问题1、给body加上⼀个min-width最⼩宽度,以px为单位,这样当页⾯变⼩时,当达到你所设置的最⼩宽度,body的宽度不再改变,超出的部分会⽤横向滚动条显⽰,其内所有元素的布局也不会受影响。2、使⽤百分⽐设置宽度,所有会在页⾯变化后布局改变的元素的宽度都设置成百分⽐宽度,这样在缩放时,页⾯内的各个元素也会跟着缩放,宽度占⽐不变,当然前提是设置CSS样式前,先给body和html这两个元素设置宽度为100%,避免后⾯出错。⾄于⾼度,建议使⽤确定的值,不要⽤百分⽐,因为页⾯的⼤⼩对⾼度基本没影响,让元素⾃⼰去撑盒⼦得⾼度。

2023年6月20日发(作者:)

HTML页⾯中解决内容元素随窗⼝变化布局变乱问题1、给body加上⼀个min-width最⼩宽度,以px为单位,这样当页⾯变⼩时,当达到你所设置的最⼩宽度,body的宽度不再改变,超出的部分会⽤横向滚动条显⽰,其内所有元素的布局也不会受影响。2、使⽤百分⽐设置宽度,所有会在页⾯变化后布局改变的元素的宽度都设置成百分⽐宽度,这样在缩放时,页⾯内的各个元素也会跟着缩放,宽度占⽐不变,当然前提是设置CSS样式前,先给body和html这两个元素设置宽度为100%,避免后⾯出错。⾄于⾼度,建议使⽤确定的值,不要⽤百分⽐,因为页⾯的⼤⼩对⾼度基本没影响,让元素⾃⼰去撑盒⼦得⾼度。