防止横向移动网站

Question

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

编辑:

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

Answer 1

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

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