自适应网页

弹性布局http://www.ruanyifeng.com/blo...http://www.ruanyifeng.com/blo...http://www.ruanyifeng.com/blo...flex:01auto|%|px//flex-growflex-shrinkflex-basis圣杯布局媒体查询案例https://mediaqueri.es/https://github.com/amfe/lib-f...https://github.com/amfe/artic...https:///design.google.com/dev...科学上网iphone适配https://www.paintcodeapp.com/...https://www.w3cplus.com/mobil...https://www.w3cplus。com/css/t...https://www.w3cplus.com/css3/...https://www.w3cplus.com/css/v...http://huodong.m.taobao。com/a...viewport宽度vw,vhhttp://www.zhangxinxu.com/wor...{width:xx%;宽度：自动；最大宽度：90vw；最大高度：90vh；}字体大小html{字体大小：62.5%；//10÷16×100%=62.5%}body{font-size:1.6em;字体szie:1.6rem;//css3}html{字体大小:100.01%;}正文{字体大小：1em;}pxemrem转换工具http://pxtoem.com/loadCSS@mediascreenand(max-width:400px){...}//当浏览器可视区域小于400px时@importurl("tinyScreen.css")屏幕和(max-width:400px);图像自适应img{max-width:100%;}img{width:100%;}/*forIE8*/js自动设置metahtml{高度：100%；宽度：100%；溢出：隐藏；字体大小：16px；}div{高度：0.5rem;寡妇：0.5rem；边框：0.01rem实心#19a39e；div>