原标题:html5面试常见问题及答案:移动端布局与适配篇

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返回搜狐,查看更多

责任编辑:

html手机端适配怎么调试,html5面试常见问题及答案:移动端布局与适配篇相关推荐

  1. 手机端模拟考试 —— 选择试题后的提交答案操作

    手机端模拟考试 -- 选择试题后的提交答案操作 //提交测试答案function submit(titieID, titieType, ShowTitleType) {test(titieID, ti ...

  2. 英文面试常见问题和答案

    英文面试常见问题和答案 2.2.1 关于工作(About Job) 实际工作中,员工常常需要不断学习和勇于承担责任,求职者如果能表现出这种素质,会给应聘方留下良好的印象. 面试例题1:What ran ...

  3. rem移动端布局怎么适配IOS和Android

     rem移动端布局怎么适配IOS和Android 昨天"佬大"问我做的h5页面在ios上面显示正常,但是Android就变惨不忍睹了,于是我又开始了度量之路,几个小时过去了.... ...

  4. 手机端适应_手机网站开发制作和电脑pc端有哪些区别

    现在移动互联网的发展,现在很多企业做网站开发不仅是电脑端的网站,还包括了移动端网站的开发,移动端网站开发和pc端是有一定的区别,比如移动端的页面更小,移动端的打开和加载速度都远低于电脑端访问网站,其实 ...

  5. 40 个重要的 HTML5 面试问题及答案

    2019独角兽企业重金招聘Python工程师标准>>> 介绍 我是一个ASP.NET MVC开发人员.最近当我找工作的时候,我发现很多问题都是围绕HTML 5和它的新功能展开的.所以 ...

  6. canvas中文显示乱码 html5_40个常见的HTML5 面试问题及答案

    编辑注:前端开发面试的过程中,对HTML5的考察是一个比较大的分量的,很多人简历上也常常有精通HTML5,但是你真的对这些HTML5的东西精通吗?本文讲解了40个重要的HTML5面试题及答案,来看看有 ...

  7. 40个常见的HTML5 面试问题及答案

    编辑注:前端开发面试的过程中,对HTML5的考察是一个比较大的分量的,很多人简历上也常常有精通HTML5,但是你真的对这些HTML5的东西精通吗?本文讲解了40个重要的HTML5面试题及答案,来看看有 ...

  8. php自动识别pc和手机端并跳转,JS如何实现网站中PC端和手机端自动识别并跳转对应的代码...

    1.  代码场景: 描述:在项目中,一般我们会使用响应式布局的方式或者借助bootstrap等插件来做响应式的网站.但是根据业务的需求,手机端可能会在功能上精简很多,我们也会写两套代码,分别用来实现P ...

  9. YOLO-v4目标检测、换脸、视频上色全部实时手机端实现,美国东北大学等提出全自动实时移动端AI框架...

    机器之心发布 作者:马晓龙 转载自公众号:机器之心 如何助力深度神经网络在移动端「看得」更清,「跑得」更快?来自美国东北大学等机构的研究者提出一种新型全自动模式化稀疏度感知训练框架. 基于模式化稀疏度 ...

最新文章

  1. git命令行完全解读
  2. Android --- 知识点记录
  3. python能print中文吗_win10中文版,python的print不能打印中文字符?
  4. shell配置,选择,环境变量修改(ORACLE_HOME,ORACLE_SID),无法使用sqlplus
  5. 规格选择_止水螺杆规格及选择
  6. PyCharm 2019.3 EAP 7 发布,支持 R 语言插件
  7. 1011. World Cup Betting (20)——PAT (Advanced Level) Practise
  8. 阿里云服务器Centos7.0环境Nginx安装
  9. 小批量梯度下降法MBGD
  10. html对话框取消确定,MFC取消HtmlDialog对话框的确定和取消按钮方法
  11. java 获得pdf 目录的方法
  12. 僵尸网络是什么;僵尸网络有什么特点
  13. C#常用加密解密方法(MD5加密解密)
  14. 在kafka中,可以这么理解topic,partition,broker
  15. 支付宝年度账单交互效果的实现
  16. 鸿蒙系统什么时候投入市场,华为鸿蒙系统市场占有率要达多少才可能存活
  17. 【Planning】Firm type used in R3 Planning - Manual Firm and regular run
  18. 解决linux下 MySQL密码忘记的问题
  19. php 数组函数array_merge 合并数据的坑
  20. 信息通信行业政企业务主要发展方向探索

热门文章

  1. Educational Codeforces Round 108(Rated for Div. 2) E - Off by One(一种一般图的边最大匹配,好题)
  2. UVA1626 括号序列 Brackets sequence(区间DP匹配括号,输出匹配方案)
  3. P3366 【模板】最小生成树(链式前向星,prim,有坑)难度⭐⭐
  4. 快捷指令_苹果怎么关闭快捷指令通知提醒 取消ios14快捷指令设置方法
  5. 2万人同时访问 nodejs_Nodejs 与 Python 的使用对比
  6. 创建新的用户以及一系列的操作
  7. css超过两行显示为..._使用这些不太常用的CSS属性,布局效率上又提高了一个层次...
  8. 第 5 章 Nova - 025 - OpenStack 通用设计思路
  9. (三)WebGIS前端地图显示之根据地理范围换算出瓦片行列号的原理(核心)
  10. C++ const 理解