1.px 使用具体像素点为单位，好处是比较稳定和精确，但在浏览器放大缩小会出现问题 2.rem 参考根元素的值 例如设置根元素字体大小是20像素 在h1中设置字体大小 那么H1的大小就是40px p的像素是20*0.8就是16像素 3.vw是针对于可是窗口的大小，就是窗口的大小，或者手机屏幕的大小 ...
分类：
其他好文 时间：
2017-08-11 23:00:21
阅读次数：
215
随笔一： px：物理像素 最简单的理解。之前前端学的rpx是1：2的关系；下意识认为 px与dp是2：1的关系，其实不然，而且由于安卓设备众多，所以还是根据分辨率来记。 dp：待会详解配图；先简单记录一下 dp的出现是为了保证组件 在不同分辨率的手机上显示得视觉大小大致相同。越清晰的屏幕 分辨率越高 ...
分类：
编程语言 时间：
2017-08-08 12:32:42
阅读次数：
248
转自： http://azq.space/blog/bigcan-lesson-1/ 1.简单粗暴型 zoom方式： 以上是通过css属性zoom来缩放页面，设计稿宽度为640(以下设计稿尺寸都为640)，所以这样的好处就是直接按照原来设计稿的尺寸用px来写css，不过这个显然不够高大上，页面有时会 ...
分类：
移动开发 时间：
2017-08-07 11:41:49
阅读次数：
217
px：相对于显示屏屏幕分辨率而言 em：相对于父元素的字体尺寸 rem：相对于根节点（即html标签）字体尺寸 浏览器默认字体大小：16px 兼容性： 除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，会忽略rem设定的字体大小，此时可多写一个绝对单位的声明。故考虑兼容性，一般 ...
分类：
Web程序 时间：
2017-08-06 19:43:21
阅读次数：
223
在Android中对控件布局指定尺寸时，一般有两种方式：一种设定为自适应布局，即match_parent(fill_parent)或者wrap_content，通过根据父布局大小或者自己内容来产生一个动态尺寸；另外一种通过指定一个具体数值的方式定义成固定布局，单位可以是px/dp/sp等。这在绝大数 ...
分类：
移动开发 时间：
2017-08-01 12:41:57
阅读次数：
199
// 判断是否是手机function plat_is_mobile(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIph ...
分类：
微信 时间：
2017-07-31 15:49:56
阅读次数：
246
问题一，分辨率Resolution适配：不同屏幕宽度，html元素宽高比和字体大小，元素之间的距离自适应，使用rem单位。 问题二，单位英寸像素数PPI适配：使用rem单位，文字会发虚。段落文字，使用px单位，用media query或js来适配。标题文字可以直接使用rem单位。 问题三，设备像素比 ...
分类：
移动开发 时间：
2017-07-29 22:16:05
阅读次数：
276
移动端1px变粗的原因 为什么移动端css里面写了1px, 实际看起来比1px粗. 其实原因很好理解:这2个’px’的含义是不一样的. 移动端html的header总会有一句 <meta name="viewport" content="width=device-width, initial-sca ...
分类：
移动开发 时间：
2017-07-29 11:29:38
阅读次数：
315
PX px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。使用px可以准确的定位网页元素，但是，不同显示器网页的显示效果可能会有差异，比较难兼容。 EM EM就是根据基准来缩放字体的大小。EM实质是一个相对值，而非具体的数值。em是相对于父元素的属性而计算的，假如父元素的f ...
分类：
Web程序 时间：
2017-07-29 10:17:29
阅读次数：
153
