<分区>
目前,我正在我的网站上工作。移动版快完成了。但是如果我横向旋转我的屏幕(例如智能手机),它看起来很可怕。我试图用查询来改变它,但结果不是很好。有没有办法锁定方向,使其始终保持纵向模式?
编辑:
我想也许我可以对高度和宽度做点什么。因此,如果屏幕的宽度大于高度,则主体应旋转 90 度。
标签 javascript css
<分区>
目前,我正在我的网站上工作。移动版快完成了。但是如果我横向旋转我的屏幕(例如智能手机),它看起来很可怕。我试图用查询来改变它,但结果不是很好。有没有办法锁定方向,使其始终保持纵向模式?
编辑:
我想也许我可以对高度和宽度做点什么。因此,如果屏幕的宽度大于高度,则主体应旋转 90 度。
最佳答案
您需要像这样将以下元标记添加到您的页眉:
<meta http-equiv="ScreenOrientation" content="autoRotate:disabled">
或者您可以像这样为横向和纵向模式设置单独的 CSS 文件:
<link rel="stylesheet" type="text/css" href="css/landscape.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/portrait.css" media="screen and (orientation: portrait)">
关于javascript - 防止横向移动网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43634583/