↧
作者：高杰
.div{ text-align:center; } .div.after{ display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ”; } .div .div-child{ vertical-align: middle; } 为什么这样能实现垂直居中？
View Article作者：很得了
自己使用过程中发现一个问题 视窗宽度是算上scroll的，也就是说用100vw的时候当Yscroll出现时就会出现根本不需要的Xscroll，解决方法是fixed或者calc
View Article作者：石櫻燈籠
因為有一次要在移動頁面上放一個很長的提示信息，就在移動端用過一次vw，希望能將內容控制在整兩行。 給了字體3.7vw，測試的幾個手機屏幕寬度都是360px。按理說字體應該就是13.32px或左右。實機測試了一下。多數手機都沒有問題，但遇到個華為榮耀6，直接幹到36px。眼睛直接就瞎了。
View Article作者：xuchenhui
楼主，vw vh其实并非和window.innerWidth/window.innerHeight大小相关，你可以用手机或平板打开你的例子然后手工缩放，你会发现这两个值会随着屏幕虚拟视窗变化但用vm vh 的图片不会变化。在移动端window.innerWidth/window.innerHeight这两个值为visual viewport，会随着屏幕层缩放而变化。因此在移动端vh...
View Article作者：james
如果把CSS放到JS中，可以直接使用JS来动态计算vw, vh, calc等。 可以看下这个类库：https://github.com/cssobj/cssobj
View Article