<script> var bw=document.documentElement.clientWidth/7.2+"px"; document.getElementsByTagName("html")[0].style.fontSize=bw; </script> 100px为1rem ...
分类：
其他好文 时间：
2017-08-26 18:42:13
阅读次数：
126
【React设置宽度的坑】 我们知道通过ref可以获取DOM元素，通过style属性可以给此DOM元素添加样式。 但下面两行的赋值是无效的： 因为style中的width、height是有单位的，必须加上px才是有效的赋值。所以要改成下面这样 ...
分类：
其他好文 时间：
2017-08-26 04:53:18
阅读次数：
399
flex布局 flex布局，不使用rem，直接使用px。 <!DOCTYPE html> <html> <head> <title></title> <style> /*利用flex属性，可以实现块级元素1：1：1*/ /*简单的就能使里面的内容居中（尤其是垂直居中，好用到爆）*/ .box{ di ...
分类：
移动开发 时间：
2017-08-24 19:43:22
阅读次数：
322
$(document).ready(function(){ var scrollbarWidth = $('#main')[0].offsetWidth - $('#main')[0].scrollWidth; alert('滚动条的宽度是：' + scrollbarWidth + 'px'); } ...
分类：
其他好文 时间：
2017-08-24 14:51:23
阅读次数：
150
1.px 这个不用太多解释，就是屏幕上的一个物理像素点。眼神好的小伙伴仔细看下应该能看到屏幕上的小格子，不行就滴一滴水再看。 不建议使用px，同样的图片在不同手机上显示大小可能不同。分辨率高的显示的小，分辨率大的显示的大。 2.dp 这个单位要认真理解下，它和像素密度相关。先说像素密度dpi，即单位 ...
分类：
移动开发 时间：
2017-08-23 17:30:20
阅读次数：
168
一、rem 1、意义：当px固定宽度不能适应不同屏幕尺寸时，布局需要，从而产生rem 2、rem 和 em 区别 2.1 rem: root，以根节点（html）作为参照的尺寸 2.2 em: 根据父级font-size确定大小 1em = 1font-size（父级的 ） 3、随着屏幕宽度的变化， ...
分类：
移动开发 时间：
2017-08-23 11:56:15
阅读次数：
200
字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-heigh ...
分类：
Web程序 时间：
2017-08-20 19:59:28
阅读次数：
206
有些小伙伴们，在使用chrome的移动端调试工具调试网页的时候，会发现iphone6上的尺寸为375*667，不禁差异，iphone的分辨率不是750*1334吗？ 实际上调试器上的大小单位不是px，而是pt（point） 这就得说到物理分辨率与逻辑分辨率 物理分辨率：屏幕的实际大小，小伙伴们可以尝 ...
分类：
其他好文 时间：
2017-08-20 19:45:23
阅读次数：
207
CSS3 新属性 一、【 CSS3新增属性前缀 】 1、-webkit-:chrome/safari 2、-moz-:火狐 3、-mo-:IE 4、-o-: Opera 欧朋 二 、【CSS 长度单位】 1、px：像素。长度固定，表示分辨率占几个像素点； 2、%：表示相对于默认值的百分比； 3、em ...
分类：
Web程序 时间：
2017-08-20 18:28:00
阅读次数：
259
一、像素 px:CSS pixels逻辑像素，浏览器使用的抽象单位 dp,pt:设备无关像素 (物理像素) dpr:设备像素缩放比 计算公式： 1px = (dpr)*(dpr)*dp 二、viewport <meta name="viewport" content="name=value,name ...
分类：
移动开发 时间：
2017-08-19 23:28:47
阅读次数：
202
