![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端开发
文章平均质量分 54
袁森Simon
这个作者很懒,什么都没留下…
展开
-
从dpr谈起到移动端适配问题(一)
一、dpr先看个公式: devicePixelRatio (设备像素比 简写dpr)=physical pixels/ logical pixels(也就是device-independent pixel) 物理像素点:硬件上最小的显示点位,硬件不同最小点位就可能存在差异 设备独立像素点:系统设定的最小的显示点位,不可能小于物理像素点,这个单位的意义在于css样式中px 所对应的值,系统设原创 2016-09-30 14:41:05 · 2596 阅读 · 0 评论 -
移动端冒泡的touch 事件挡也挡不住
demo案例如下: body 有多个直接子元素,普通文档流布局,另一个直接子元素,满屏fixed定位,其内部也有多个子元素,一屏幕下显示不全,y轴滚动显示;该场景下,滚动fixed定位的内部元素,至底部后,Android机上fixed定位的元素回诡异的向上移动,带动body的直接子元素一起滚动。如图: touch 事件可以阻止默认 event.preventDefault ;如果加给紫色框,原创 2016-11-07 23:49:31 · 4180 阅读 · 0 评论 -
media queries常用介绍及兼容性问题解决
媒体查询media queries,响应式布局的利器。 本文分两块内容: 一,常用介绍 二,如何解决IE不支持的问题一、常用介绍 如果有能力看官网(强烈推荐)的话,下面的介绍(常用的部分)可以不用看了,地址 :https://www.w3.org/TR/css3-mediaqueries 1,常用的两种引入 a, 通过link media =“type and (attribut原创 2016-12-20 22:55:55 · 814 阅读 · 0 评论