meta name="viewport" content="width=device-width, initial-scale=1"/
磐安网站建设公司成都创新互联,磐安网站设计制作，有大型网站制作公司丰富经验。已为磐安近1000家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的磐安做网站的公司定做！
这位网友你好，首先要在网页头部写上上面那句话，就是网页宽度等于设备宽度。其次，你需要把网页的宽度设置为百分比，不能写固定值。再就是要用到媒体查询了（@media），这样网页就可以适配不同分辨率的设备了。
1. 移动布局自适应不同屏幕的几种方式
（1）响应式布局
（2）100%布局（弹性布局）
开局审案，你会怎么判？
广告
开局审案，你会怎么判？
（3）等比缩放布局（rem）
2. iscroll安卓低版本卡顿，如何解决？
方案一：iScroll v5.1.3 设置momentum: true
方案二：配置probeType
方案三：开启硬价加速：给scroll元素增加css样式：-webkit-transform:translate3d(0,0,0);
方案四：判断手机版系统版本，应用原生CSS：overflow-y:scroll
3. 移动布局自适应不同屏幕的几种方式
（1）响应式布局
（2）100%布局（弹性布局）
（3）等比缩放布局（rem）
4. 你们做移动端平时在什么浏览器上测试？
Chrome，Safari，微信X5，UC，其他手机自带浏览器
5. 说说移动端是如何调试的？
移动端调试：
（1）模拟手机调试chrome://inspect
（2）真机调试之android手机+Chrome
（3）真机调试之iphone + safari
（4）UC浏览器
（5）微信内置浏览器调试
（6）debuggap
（7）抓包
6. 说说ICONFONT是如何用的？
从以下几个方面做答：
（1）font-face
（2）什么是iconfont,iconfont怎么用
（3）iconfont怎么做
（4）iconfont的利和弊
7. 说说移动端Web分辨率
从以下几个方面做答：
（1）PC到移动，渲染的变迁
（2）可以更改的布局宽度
（3）再次变迁的像素
（4）又一次变迁
（5）是时候说说安卓了
目前大部分网站已经逐渐尝试使用HTML5进行重构，但基本大多停留使用新的HTML5语义化标签上。对于低版本IE浏览器，兼容新的HTML5标签很容易。而HTML5的新属性用到的不多，通常都是新属性+js兼容法。对于特殊的功能性新标签，国内几乎没有大型网站使用，如video、audio、canvas等。在国内，要是等现代浏览器普及了再开始用HTML5那至少要5年以上，IE6应该还有1年左右就差不多灭绝了，IE8短时间内不会灭绝。建议可以考虑HTML5+兼容性辅助，让现代浏览器显示炫酷效果，老浏览器保证业务正常即可，不一定和HTML5版本样式完全一样，只要最基本功能有就行了。移动端大多是webkit内核，可放心使用HTML5。
第1部分：
基本的屏幕适配知识：
1、屏幕大小
在Android系统中，把屏幕大小分为以下4种：small、normal（标准）、large、
extra large（引申为更大的屏幕）。
2、屏幕密度
在Android系统中，屏幕密度指的是在指定的屏幕大小区域内，有多少个像素。基本单位为dpi（点/每英寸）。
基本包括4种密度：low、dedium(中等)、high、extra high（引申为更高的密度）。
常见的屏幕密度如下：QVGA(240x320)、HVGA(320x480)、WVGA800（480x800）
第2部分：
Android官方的解决方案：
从Android1.6版系统起，res文件夹下面的drawable文件夹由原来的1个变为了3个。
如下图所示：
这三个文件夹分别用来存放高密度、中等密度和低密度的图片。
具体的适配方法，用一个案例来说明。
例如：
创建一个工程：test_demo_01
在3个drawable文件夹下面分别放置高密度、中等密度和低密度的图片。
然后在AndroidMainfest.xml中添加如下内容：
此外需要注意的是：
1、图片布局的基本单位应该是dip。
2、不要使用绝对布局（AbsoluteLayout）。
以下是3种屏幕的自适应结果
推荐你使用rem的单位来适配高度。
rem，应该说让各个开发者眼前一亮，rem虽然也是和字体相关的相对度量单位，但是，它要比em使用起来更方便，rem是相对于根元素的字体大小进行设置的，如果html元素中的字体大小设置为24px，那么针对任意html内的元素设置1rem，均表示的是24px，大大节省了我们计算字体大小的时间。（另外，当rem能够和JS去配合时，能够很好的解决移动端的各种像素大小问题——JS获取设备宽度，然后根据设备宽度调整html元素这个根元素的字体大小，在html元素中的所有元素，均使用rem相对度量单位）
rem的支持程度：IE9及以上所有浏览器，安卓2.1以上版本，iOS4.0以及以上版本的safari（换句话说，IE6-8不兼容）
移动端开发知识[系列] - 处理rem的小数点问题 flexible.js
重庆分公司
重庆分公司
