
移动端适配
fairyIer
前端学习ing
非淡泊无以明志,非宁静无以致远。
展开
-
移动端适配方案(上)
要搞懂移动端的适配问题,就要先搞明白像素和视口。像素在移动端给一个元素设置 width:200px 时发生了什么?这里的px到底是多长呢?像素是网页布局的基础,但是我们一直在用直觉使用它。其实存在两种像素:1. 设备像素屏幕的物理像素,任何设备屏幕的物理像素的数量都是固定不变的,单位是pt。2. CSS像素在CSS、JS中使用的一个抽象的概念转载 2016-04-06 16:32:41 · 726 阅读 · 0 评论 -
移动端适配方案(下)
上一篇介绍了像素和视口这些基本概念,现在接着移动端的适配方案。推荐一篇文章:MobileWeb适配总结,里面说到的三种布局方法已经说的很详细,还分别做了demo,我就不做了,这里说说三种方案的原理以及我使用中的感受,希望各为互补,大家理解是最重要的。之前做过PC页面的人聊的最多的就是『兼容』,这是因为浏览器之间的差异引起的,不再多说。而移动端是基本没有『兼容』的问题的,全是CS转载 2016-04-06 16:36:52 · 1682 阅读 · 0 评论 -
IOS safari 浏览器 时间乱码(ios时间显示NaN) 问题解决
通常IOS下时间错误表现形式问题一: 这个界面运用了大量的日期类型的计算,当我们用JavaScript实例化一个日期对象时,我们可以这样用:[javascript] view plain copy var date =new Date(); 上面这段代码转载 2017-11-07 16:34:29 · 1888 阅读 · 0 评论 -
前端:移动端和PC端的区别
在阿里的几次面试中,总是被问到移动端和PC端有什么区别,当时回答的时候主要是回答了在兼容性、网速、适配、页面布局等方面的不同,但是还是很不系统,所以这里做一个总结。 第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系...转载 2018-08-06 14:48:29 · 20398 阅读 · 0 评论 -
移动端点击300ms延迟问题和解决
今天屁颠屁颠写完了,手机端做测试时,点击,发现有延迟,就百度了下,原来这就是传说中的300ms延迟啊,百度了点资料,记录下,解决项目中这个小问题! 一、移动端300ms点击延迟 一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟。也就是说,当我们点击页面的时候移动端浏览器并不是立即作出反应,而是会等上一小会儿才会出现点击的效果。在移动...转载 2018-08-06 15:00:59 · 1020 阅读 · 0 评论