@media screen and (orientation: portrait) body#gyrocontain}@media screen and (orientation: landscape) body#gyrocontain}
<html
>
<
body
>
<
div
id="gyrocontain"
>
非常多非常多的文字
div>
body
>
html
>
p.s. 如果你的頁面裡有from表單要填的話,應該用 「**彈出遮罩層讓使用者旋轉手機**」 的解決方案。檢測手機豎屏下,提示用關閉螢幕旋轉鎖定,並橫置手機。想想手機瀏覽器還是豎屏,而內容卻被強制橫屏的畫面有多奇怪吧...
移動端如何強制頁面橫屏
最近公司要開發乙個移動端的類網頁遊戲 長按按鈕有個自行車一直騎行,碰到某個國家的地標就彈出該國的相應say hello的tip,要求橫屏顯示,不能豎屏。然而當使用者豎屏開啟時,而且沒開啟手機裡的橫屏模式,還要逼使用者去開啟。這時候使用者早就不耐煩的把你的遊戲關掉了。解決辦法就是在豎屏模式下,寫乙個橫...
移動端如何讓頁面強制橫屏
最近想 做乙個 手機遊戲 頁面,所以就 先攻克 手機橫屏的 難關。1.在豎屏 條件 下預設是 橫屏顯示的。2.即使使用者 開了 橫屏模式,介面的 橫屏模式 自動轉換 過來。1.html 結構 loading body 2.meta 標籤name viewport content width devi...
移動端如何讓頁面強制橫屏
最近公司要開發乙個移動端的養成類網頁遊戲 就是用手點各種按鈕最後你會找到乙個女朋友 要求橫屏顯示,不能豎屏。有經驗的你肯定知道,當使用者豎屏開啟時,提示說你要把手機轉過來是在是件很傻 的事情。這時如果使用者沒開啟手機裡的橫屏模式,還要逼使用者去開啟。這時候使用者早就不耐煩的把你的遊戲關掉了。我先進行...