pc端和移动端屏幕⾃适应
做⽹页时，我们通常需要考虑到不同电脑屏幕尺⼨，以及不同⼿机屏幕⼤⼩等问题，解决样式发⽣改变的情况，那么如何解决呢？现在主要是采⽤⾃适应来解决⾼度，宽度的，以及图⽚⾃适应问题，下⾯就PC端和移动端来总结⼀下，通常进⾏⾃适应⾼度和宽度，图⽚时，⼀般与页⾯的布局存在关系。
1、最⼩尺⼨分辨率1024768（传统17⼨显⽰器），则可以采⽤940px、960px、或者常⽤的980px作为最⼩宽度。css布局左边固定右边自适应
2、1024768之后稍⼤的分辨率就是1280*768了，则可以采⽤1200px或者1220px作为稍⼤的⽹页宽度。
3、⽀持css3、html5的⾼级浏览器可以利⽤CSS3 Media Queries让⽹页在不同分辨率下⾃动调节布局标签。
4、不⽀持css3、html5的脑残浏览器特别是<=ie8系列则需要⽤js以及resize事件来控制html的布局标签宽度了。
5、宽度⾃适应需要对每个显⽰模块进⾏不同宽度的计算，在做html布局时需要⼤量的计算与适配。
6、宽度⾃适应为不同宽度显⽰器写布局元素时常⽤的css。
⼀、css⾃适应⾼度
1.两栏布局，左边固定，右边宽度⾃适应。
Snip20210414_1.png
2.三栏布局，两边定宽，中间⾃适应宽度
Snip20210414_2.png
3.
Snip20210414_3.png

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。