来源 http://ourjs.com/detail/54be0a98232227083e000012
[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) })
在浏览器的console里运行这个代码,可以为浏览器的元素加上边框.
具体语法分析参见上面的链接.
来源 http://ourjs.com/detail/54be0a98232227083e000012
[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) })
在浏览器的console里运行这个代码,可以为浏览器的元素加上边框.
具体语法分析参见上面的链接.
今天学了几点
1 如果页面不用viewport, 移动浏览器会用一个自定义的宽度去载入页面. 比如 苹果是980px. 如果在这样的一个页面内,用css的media query就会不准了.因为这个时候,你看到像素已经不是css里面的像素了
2 关于viewport的常见写法 width=device-wideh, inital-scale=1.0的由来. 所以这个声明对于responive desgin和css里面的media query特别的重要. 这样才能准确控制页面.
3 如果页面上不使用viewport,但是又要对某些浏览器做出优化.这就别用css的media query去解决了.而是应该用js了. 原因见1.
相关的说明 https://www.cnblogs.com/2050/p/3877280.html 这篇比较详细,值得反复阅读几次,
本来没计划升级,但是composer报告有依赖关系.主要是缺了2个扩展 .,索性就升级了.
升级5.6很方便 apt-get install php5.6 就好了,但是完成后发现缺少更多的扩展了. 然后手动安装一下扩展. 一开始一直没有用5.6,死活装不上,后来发现要加上5.6才行.
apt-get install php5.6-intl php5.6-bcmath php5.6-curl
CLI升级完后,发现apache还用5.5. 暂时先不动web了.