html - 我可以在 css 中使用 device-width 来获取 css 本身的浏览器宽度吗？

Question

我有疑问，我可以应用/使用 device-width 来设置 div 的样式，而不是为 div 提供 100% 的样式吗？

我尝试了它的工作，但不确定它是否是好的做法。

`

.myDiv{
        width:device-width;
}
instead.
.myDiv{
        width:100%;
}

`

还是我做错了？

提前致谢。

Answer 1

是的，你可以这样做。有一种叫做 vh & vw 的新 css3 样式。这计算了视口高度或重量。您可以使用为任何容器设置任何高度或宽度。参考

http://quirksmode.org/css/viewport.html

http://css-tricks.com/viewport-sized-typography/

VH & VW 支持的浏览器 http://caniuse.com/viewport-units

我希望这可以帮助你。

Answer 2

首先，我想澄清一下两者之间的区别。 http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

根据我自己的经验，我更喜欢使用width:100%，因为它会在网络浏览器上以最大分辨率显示，并且每个网络浏览器都会以最佳方式显示它。除非这个人正在使用 Internet Explorer，因为让我们面对现实，IE 唯一的好处就是安装另一个 Internet 浏览器。

因此，如果您专门为手机创建它，那么您可以使用device-width来代替，但如果它会在其他设备上打开，就像 ipad 或 pc 一样，那么width:100%; 将是首选。

希望这有助于祝你好运。