目前,我正在我的网站上工作。手机版差不多完成了。但如果我在风景中旋转我的屏幕(例如智能手机),它看起来很恐怖。我试图用查询来改变它,但结果不太好。有没有办法锁定方向,使其始终保持纵向模式?
编辑:
我想也许我可以用高度和宽度做点什么。因此,如果屏幕的宽度大于高度,则身体应旋转90度。
答案 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)">