HTML网页如何完美的适配到移动设备上
在pc端开发了一系列html网页，但是在移动设备上适配得不是太好，尤其是Android上，页面上的一些图片没有显示在正确的位置，请问圈里哪位大神明白的，跪求详细讲解......
在pc端开发了一系列html网页，但是在移动设备上适配得不是太好，尤其是Android上，页面上的一些图片没有显示在正确的位置，请问圈里哪位大神明白的，跪求详细讲解...
展开
15个回答
展开全部
方法一：在网页开发过程中，对页面做适配，可以使用自适应框架bootstrap进行开发。比使用原生，通过自己的计算做屏幕适配的方法快捷，方便很多。
方法二：在移动端的开发过程中（Android/IOS APP开发）使用正则表达式，也可以做到相应的功能实现。
方法二：在移动端的开发过程中（Android/IOS APP开发）使用正则表达式，也可以做到相应的功能实现。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
文件头一般为：
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="renderer" content="webkit">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
下面的内容不要固定宽度用百分比%、文字不要用px，可以用em。多了解一下HTML5吧，这不是一天两天就能运用自如的，努力！
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="renderer" content="webkit">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
下面的内容不要固定宽度用百分比%、文字不要用px，可以用em。多了解一下HTML5吧，这不是一天两天就能运用自如的，努力！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
响应式自适应布局。
使用 @media标签实现相应式布局
或者根据不同平台使用不同页面展示
做pc页或者wap页面
判断访问源为pc 或者wap
使用 @media标签实现相应式布局
或者根据不同平台使用不同页面展示
做pc页或者wap页面
判断访问源为pc 或者wap
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
采用响应式html页面设计或利用H5新技术MEDIA查寻工具来设置分辨率，具体可以查看H5相关课程。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设计之前应该采用响应式设计进行布局
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
