防止横向移动网站

时间:2017-04-26 12:43:27

标签: javascript css

目前,我正在我的网站上工作。手机版差不多完成了。但如果我在风景中旋转我的屏幕(例如智能手机),它看起来很恐怖。我试图用查询来改变它,但结果不太好。有没有办法锁定方向,使其始终保持纵向模式?

编辑:

我想也许我可以用高度和宽度做点什么。因此,如果屏幕的宽度大于高度,则身体应旋转90度。

1 个答案:

答案 0 :(得分:5)

您需要将以下元标记添加到页面标题中,如下所示:

<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)">