css 网页缩放的两种情况

喜夏-厌秋 提交于 2019-12-09 14:46:42

 win10 触控板缩放

相当于图片的缩放,初始化的网页的布局是什么样,缩放完之后还是什么样。只是大小变了。

 

浏览器对网页进行缩放

1   如果你设置的是百分比,

1.1  如果外层没有别的dom,那么当前dom是相对于浏览器的窗口进行缩放的,无论你怎么缩放都不会改变当前dom的宽度和高度,但是里面的文字会跟随缩放变大变小,甚至会超出dom

 

1.2  如果有外层的存在,那么会跟着外层的变化而变化

 

2 如果你设置的是像素值,那么会随着浏览器的缩放而缩放。

 

3 如果外层是百分比,那么缩放的时候大小不会改变,里层是设置的像素值,那么缩放的时候大小会随着缩放而改变,这种情况那么网页的结构就会乱掉。

 

4 如果外层是像素,里层是百分比,里层会跟随外层的的变化而变化,那么页面的结构也不会乱掉,

也就是说只要保证最外层是具体的像素值的话,那么不论你怎么缩放都会全部跟着变化

因为最外层会变化,里面的无论是像素还是百分比都会跟着变化。

在深入一层的话还是这样,因为外层一定会变化,所以里层也一定会跟着变化,不论是像素值还是百分比。

 

 

 

 

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!