Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 设备定向元数据_Javascript_Jquery_Html_Css_Media Queries - Fatal编程技术网

Javascript 设备定向元数据

Javascript 设备定向元数据,javascript,jquery,html,css,media-queries,Javascript,Jquery,Html,Css,Media Queries,我设计了一个使用媒体查询的网站。 在浏览器中,它看起来很完美。但是,当我在平板电脑或移动设备上签入时,在纵向模式下是很好的 但是,当我将设备方向纵向更改为横向时,它看起来并不完美。因此,我的疑问是“是否存在任何元数据来禁用设备方向,因此即使用户更改设备方向,内容也不会旋转。” 谢谢, 纳雷什·库马尔 如果我理解正确,您无需禁用方向,而是可以调整屏幕元素,即使设备旋转。您可以使用以下查询: @media all and (orientation: portrait) { ... } @media

我设计了一个使用媒体查询的网站。 在浏览器中,它看起来很完美。但是,当我在平板电脑或移动设备上签入时,在纵向模式下是很好的

但是,当我将设备方向纵向更改为横向时,它看起来并不完美。因此,我的疑问是“是否存在任何元数据来禁用设备方向,因此即使用户更改设备方向,内容也不会旋转。”

谢谢,
纳雷什·库马尔

如果我理解正确,您无需禁用方向,而是可以调整屏幕元素,即使设备旋转。您可以使用以下查询:

@media all and (orientation: portrait) { ... }
@media all and (orientation: landscape) { ... }

因为一个好的设计应该完全适合所有设备和所有方向…

当你发现答案正确时,请投票。。。再次感谢