如何在行動網站上強制橫向定位？

行動網站：強制僅橫向

如何在行動網站上防止自動旋轉並強制橫向？當使用「行動優先」方法開發網站時，就會出現這個問題。

為了解決這個問題，可以使用媒體查詢。以下CSS程式碼片段示範了實作：

<link rel="stylesheet" type="text/css" href="css/style_l.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/style_p.css" media="screen and (orientation: portrait)">

在提供的程式碼中，指定了兩個單獨的樣式表。

• style_l.css：當螢幕開啟時套用此樣式表橫向。它包含以所需的橫向佈局顯示內容所需的樣式。
• style_p.css：當螢幕處於縱向方向時套用此樣式表。它可用於隱藏或停用特定元素，或顯示一則訊息，指示該應用程式僅針對橫向模式設計。

透過實作此方法，您可以確保您的行動網站鎖定在橫向模式方向，防止使用者意外旋轉裝置並可能遇到介面扭曲或無法使用的情況。

以上是如何在行動網站上強制橫向定位？的詳細內容。更多資訊請關注PHP中文網其他相關文章！