如何在 Chrome 开发者工具中调试 css 的orientation:portrait？
我在里面写了什么(orientation:portrait)无法通过 Firebug 和 Chrome 开发者工具进行即时编辑。它始终显示正常属性。
/*normal styles here */
#wrap {
width:1024px;
}
@media only screen and (orientation:portrait){
/* portrait styles here */
#wrap {
width:768px;
}
}
“浏览器或设备通过侦听窗口的宽度和高度来确定方向。如果高度大于宽度，则窗口处于纵向模式。如果宽度大于高度，则处于横向模式。”
更多信息：http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/ http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/
基本上，您需要调整浏览器窗口的大小才能使纵向 CSS 生效。
如果您在浏览器窗口中打开 Firebug，即。 firebug位于底部，浏览器窗口的高度发生变化，导致方向变为横向，从而丢失纵向样式。对于 firebug 和 chrome 开发人员工具，请尝试在各自的窗口中启动这些工具，这样您的浏览器大小就不会受到影响。
附言。我会使用 Firebug 进行这种编辑，因为当您调整浏览器大小时，您可以清楚地看到 css 的变化。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
