用html5开发的应用,屏幕适配的问题如何解决?

用html5开发的应用,屏幕适配的问题如何解决?,第1张

目前大部分网站已经逐渐尝试使用HTML5进行重构,但基本大多停留使用新的HTML5语义化标签上。对于低版本IE浏览器,兼容新的HTML5标签很容易。而HTML5的新属性用到的不多,通常都是新属性+js兼容法。对于特殊的功能性新标签,国内几乎没有大型网站使用,如video、audio、canvas等。在国内,要是等现代浏览器普及了再开始用HTML5那至少要5年以上,IE6应该还有1年左右就差不多灭绝了,IE8短时间内不会灭绝。建议可以考虑HTML5+兼容性辅助,让现代浏览器显示炫酷效果,老浏览器保证业务正常即可,不一定和HTML5版本样式完全一样,只要最基本功能有就行了。移动端大多是webkit内核,可放心使用HTML5。

1. 移动布局自适应不同屏幕的几种方式

(1)响应式布局

(2)100%布局(d性布局)

开局审案,你会怎么判?

广告

开局审案,你会怎么判?

(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%布局(d性布局)

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6289355.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存