你的位置:首页 > 软件开发 > 网页设计 > 响应式开发(2)

响应式开发(2)

发布时间:2017-03-21 00:00:17
1.像素  因为浏览器不是根据硬件像素宽度工作的,而是根基DIPs工作的叫什么设备独立像素值,这个有个链接给你 (http://yunkus.com/physical-pixel-device-independent-pixels/)2.DPR  设备像素比DPR( ...

响应式开发(2)

1.像素

  因为浏览器不是根据硬件像素宽度工作的,而是根基DIPs工作的叫什么设备独立像素值,这个有个链接给你

    (http://yunkus.com/physical-pixel-device-independent-pixels/)

2.DPR

  设备像素比DPR(devicePixelRatio)是默认缩放为100%的情况下,设备像素和CSS像素的比值

例子 以iphone5为例,iphone5的CSS像素为320px*568px,DPR是2,所以其设备像素为640px*1136px

  深入了解我再给你个链接哈哈(http://www.cnblogs.com/xiaohuochai/p/5494624.html)

3.CSS 像素

  CSS像素是Web编程的概念,独立于设备的用于逻辑上衡量像素的单位,也就是说我们在做网页时用到的CSS像素单位,是抽象的,而不是实际存在的

  将硬件像素数除以 DFR(device pilex ratio),得出 CSS 像素数 

4. 使用视窗元素标记控制移动浏览器上的布局 

<meta name="viewport" content="width=device-width, initial-scale=1">

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:响应式开发(2)

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录