HTML页⾯中解决内容元素随窗⼝变化布局变乱问题
1、给body加上⼀个min-width最⼩宽度,以px为单位,这样当页⾯变⼩时,当达到你所设置的最⼩宽度,body的宽度不再改变,超出的部分会⽤横向滚动条显⽰,其内所有元素的布局也不会受影响。
2、使⽤百分⽐设置宽度,所有会在页⾯变化后布局改变的元素的宽度都设置成百分⽐宽度,这样在缩放时,页⾯内的各个元素也会跟着缩放,宽度占⽐不变,当然前提是设置CSS样式前,先给body和html这两个元素设置宽度为100%,避免后⾯出错。html内容文本框
⾄于⾼度,建议使⽤确定的值,不要⽤百分⽐,因为页⾯的⼤⼩对⾼度基本没影响,让元素⾃⼰去撑盒⼦得⾼度。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论