H5移动端知识点总结

H5移动端知识点总结

阅读目录

• 移动开发基本知识点
• calc基本用法
• box-sizing的理解及使用
• 理解display:box的布局
• 理解flex布局
• Flex布局兼容知识点总结                       

移动开发基本知识点

一. 使用rem作为单位

html { font-size: 100px; }
@media(min-width: 320px) { html { font-size: 100px; } }
@media(min-width: 360px) { html { font-size: 112.5px; } }
@media(min-width: 400px) { html { font-size: 125px; } }
@media(min-width: 640px) { html { font-size: 200px; } }

转载:http://www.cnblogs.com/tugenhua0707/p/5180841.html