为什么移动端CSS里面写了1px，实际上看起来比1px粗
了解设备物理像素和逻辑像素的同学应该很容易理解，其实这两个px的含义其实是不一样的，
UI设计师要求的1px是指设备的物理像素1px，而CSS里记录的像素是逻辑像素，它们之间存在一个比例关系，
可以用javascript中的window.devicePixelRatio来获取，也可以用媒体查询的-webkit-min-device-pixel-ratio来获取。当然，比例多少与设备相关。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 这句话定义了本页面的viewport的宽度为设备宽度，初始缩放值和最大缩放值都为1，并禁止了用户缩放。
或许你已经明白1px变粗的原因是啥了，
viewport的设置和屏幕物理分辨率是按比例而不是相同的. 移动端window对象有个devicePixelRatio属性,
它表示设备物理像素和css像素的比例, 在retina屏的iphone手机上, 这个值为2或3, css里写的1px长度映射到物理像素上就有2px或3px那么长。

最新文章

  1. Android 文件读写
  2. Python’s SQLAlchemy vs Other ORMs[转发 3]Django&#39;s ORM
  3. 比较常用的几个maven第三方镜像
  4. 关于SharPoint2013一点细节的深究
  5. [转]oracle设计数据库应选择正确的数据类型
  6. NUnit笔记
  7. JZs3c2440裸板程序GPIO操作总结
  8. linux0.11下的中断机制分析
  9. J2EE之ServletContext读取资源文件
  10. Android L（5.0）源码之图形与图像处理之绘图——Canvas
  11. Python系列之 - 上下文管理协议
  12. 详细介绍Spring Boot 2.0的那些新特性与增强
  13. Java面试题精选，大型网站系统架构你不得不懂的10个问题
  14. IntelliJ IDEA 导航的 20 大特性
  15. sql server 函数的自定义
  16. LVS健康检查脚本
  17. Netty中消除开始的日志消息修改日志级别
  18. Spring 基础概念——DI、IOC（一）
  19. 在Eclipse中建立Maven工程
  20. Jmeter中ftp测试下载默认路径及文件

热门文章

  1. Mass Assignment:Request Parameters Bound into Persisted Objects 质量分配：请求绑定到持久对象中的参数
  2. Centos7部署mysql
  3. 关于js的一些被忽视但也很重要的知识点
  4. SAP-BP 创建客商（摘抄）
  5. 收藏收藏：工作用了很久的自主开发的Sql Server代码生成器，我开源了（.NET Winform）
  6. Dynamics 365中的公告(Post)分析
  7. VMware安装Linux提示此主机支持 Intel VT-x,但 Intel VT-x 处于禁用状态
  8. Oracle解析逗号分隔的字符串，或者01110110101此类数据
  9. Linux系统学习 十八、VSFTP服务—虚拟用户访问—配置虚拟用户访问
  10. Java学习笔记（9）--- 重写，重载，多态