有关移动端的开发

Posted 小蚊子飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有关移动端的开发相关的知识,希望对你有一定的参考价值。

移动端开发:
首先设备大致分为4种:手机端: <768px
ipad端:769 - 991px
pc端:992 - 1200px
超大屏幕:>1200px

响应式布局:Ethan Marcotte在2010年5月份提出的概念,意思是一个网站能够兼容多个终端,而不是
为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
优点: 面对不同分辨率设备灵活性强
能够快捷解决多设备显示适应问题
缺点: 兼容各种设备工作量大,效率低下
代码累赘,会出现隐藏无用的元素,加载时间加长
其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果
一定程度上改变了网站原有的布局结构,会出现用户混淆的情况
用法:@media 在css中添加
例:手机端@media screen and (max-width:767px){}
平板端@media screen and (min-width: 769px) and (max-width: 999px) {}
电脑端@media screen and (min-width: 1000px){}
建议:宽度设置100%自适应,网页头部、尾部高度格局都不变,其余自适应。

以上是关于有关移动端的开发的主要内容,如果未能解决你的问题,请参考以下文章

前端开发中pc端和移动端的区别

移动端的Bootstrap到底怎么样

移动web

移动端兼容

10-移动端开发教程-移动端事件

教会你开发移动端页面的文章