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

html-css017

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

1、在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。

2、点击Word文件左上方-->另存为（A）-->其他格式-->类型选择为“网页（*.html,*htm）”-->输入文件名-->保存到桌面。

3、打开《Word超链接演示.htm》文件，在对比《Word超链接演示.doc》文件，相同的内容，不同的展示。

4、选中要链接的文字，鼠标右键，单击超链接。

5、按住Ctrl键，并单击超链接文字，就可以打开超链接网页百度首页了。

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）是时候说说安卓了