防止橫向移動網站

-1

目前，我正在我的網站上工作。移動版本即將完成。但是如果我在屏幕上旋轉我的屏幕（例如智能手機），它看起來很可怕。我試圖用查詢來改變它，但結果不是很好。有沒有辦法鎖定方向，使其始終保持縱向模式？防止橫向移動網站

編輯：

我想也許我可以做一些高度和寬度。因此，如果屏幕的寬度大於高度，身體應該旋轉90度。

來源

2017-04-26 Soccerlife

希望你有在你的頁面中添加Meta-Viewport。 – Illaya

你在css中嘗試'媒體'查詢嗎？ – prasanth

阻止方向變化是**最令人討厭的UI技巧之一。 – RobG

你需要以下元標記添加到您的網頁標題，像這樣：

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

來源

2017-04-26 13:01:30

第一個沒有工作。或者我有什麼問題？ – Soccerlife

@Soccerlife請通過https://benfrain.com/understanding-the-viewport-meta-tag-and-css-viewport/ –

@Soccerlife解決您的問題？ –

防止橫向移動網站

回答

相關問題