自适应网页制作总结

1.百分比设置宽高,内外边距
2.宽和margin的百分比,依据父元素的宽度定标准
3.图片百分比定宽高,依据图片原来的宽高比,进行自适应。
4.使用固定宽高比的透明图片,可以方便实现子元素定宽高布局
5.使用字体大小vw单位,另加窗口变化的z-index:1来实现重绘
6.由于当前浏览器对于vw的控制不好,对于字体,还是弄成px单位定高,宽度自适应。字体自适应,得用js依据比例控制。

7.绝对定位以百分比,依据父元素的宽高。

总结,父元素定宽高,子元素有参考,文本定高宽度自适应。
如果想对未知宽高比图片进行统一宽高比,请用固定宽高比透明图片。

原文地址:https://www.cnblogs.com/samwu/p/3393968.html