随笔分类 - web移动端
摘要:1.Zepto.js介绍 Zepto.js最初目标在移动端提供一个精简的类似jquery的js库。压缩后的大小只有9K,而jquery有将近100k Zepto.js的API类似jQuery,熟悉jQuery可以无缝迁移到Zepto.js Zepto.js增加了针对移动端的触摸和手势相关的事件 Ze
阅读全文
摘要:###1.移动端与pc端的区别 (1)移动端没有鼠标,自然也没有鼠标事件。所以onmousedown之类的事件监听在移动端时无效的。 (2)移动端为了响应双击事件,onclick事件有300ms的延迟,接下来的300ms内有没有再次点击,有的话视为双击,没有的话视为单击。 (3)移动端双击事件:移动
阅读全文
摘要:###1.像素密度 PPI 说到屏幕就离不开2个因素,屏幕大小和屏幕分辨率。 PPI是Pixels Per Inch缩写,pixels per inch所表示的是每英寸所拥有的像素(pixel)数目。 PPI越高,手机屏幕显示的效果越好。以前的老手机屏幕显示效果很差,有颗粒感,就是因为PPI太低了。
阅读全文
摘要:###1.input光标颜色 默认情况下,光标颜色与字体颜色color相同,但也可以通过caret-color属性来单独设置 但是IOS的光标与字体颜色无关,默认是蓝色 可以单独设置光标颜色,这样ios也有效果 input{ color:red; caret-color: green; } ios设
阅读全文
摘要:1.1物理像素 产生原因:css样式的最小值是1px,不过这个1px只是代表css像素,在高清屏上展示的物理像素要>1(iphone6 1css像素=2物理像素。而iph6p则是1css像素=3物理像素) 解决思路:想要展示1物理像素,只能使用scale缩放 android设备中dpr值有多种,可知
阅读全文
摘要:因为手机屏幕的分辨率大小不一 ,如果使用传统的静态布局,把每个元素的宽高样式写死,在不同的屏幕中就有各种各样的显示效果。这显然不是我们想要的结果。我们需要的是根据屏幕分辨率的不同,来适配不同的样式大小。使不同的手机分辨率下都有相同的样式布局 ###1.rem适配 1rem就是html标签font-s
阅读全文