Question

HTML网页如何完美的适配到移动设备上

在pc端开发了一系列html网页，但是在移动设备上适配得不是太好，尤其是Android上，页面上的一些图片没有显示在正确的位置，请问圈里哪位大神明白的，跪求详细讲解...

Answer 1

用H5啊，还有一些前端框架例如Jquery-mobile

Answer 2

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

Answer 3

　　HTML网页适配到移动设备上，有三个方案：

　　第一方案：根据设备跳转不同的页面，或者修改不同的css

<!-[if AppleWebKit]>
使用手机的样式
<![endif]->

　　第二方案：修改不同屏幕的样式，以让网页适应不同的屏幕大小(调整样式，以下为屏幕为宽度600px的样式，注：如不重写，样式不会被覆盖)

@media screen and (max-width: 600px) {
    /*使用最大屏幕为600px时候的样式*/
}

　　第三方案:为手机单独建立页面，移动端首页与pc首页分别制作。

　　

Answer 4

用h5写啊。建议你学一下Boostrap框架或者其他的一些h5框架。用的人非常多。百度搜索Boostrap中文文档就可以

Answer 5

建议你使用bootstrap 利用栅格系统可以很好地对不同终端做出宽度限制,也可以很好地隐藏一些div 试一下吧