移动端开发注意事项——meta、rem以及弹性盒

移动端开发注意事项——meta、rem以及弹性盒

　　随着人们对移动端的依赖程度的增强，前端开发对移动端的需求也越来越强烈。那么，在移动端开发中，有哪些事项是需要注意的呢？

meta标签

　　在常规的pc端开发中，我们也经常饮用mate标签，如keyword，description等，在移动端我们需要注意的又有哪些呢？

强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；

iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；

忽略页面中的数字为电话号码。

忽略页面中的邮箱格式为邮箱。

rem

　　在移动端开发中，我们往往采用rem作为长度单位。使用rem作为单位的时候，我们需要进行特殊的设置，因为这个单位是相对于HTML根元素的。

弹性盒

　　在移动端建议使用弹性盒布局，因为移动端对css3的完美支持，我们使用弹性盒布局的时候可以很好的做到对各种设备的适配。

HTML5标签

　　优先使用HTML5标签，如nav、menu、section、article、aside、header、footer等。标签语义化，可以获得各设备更友好的支持。

转载于:https://www.cnblogs.com/gitByLegend/p/10551900.html