鍍金池/ 問(wèn)答/HTML5  HTML/ 在ios中橫屏之后再豎屏回來(lái)樣式就都變形了，我加個(gè)alert就可以了，不加ale

在ios中橫屏之后再豎屏回來(lái)樣式就都變形了，我加個(gè)alert就可以了，不加alert怎么才能可行呢？或者直接禁止橫屏

在ios中橫屏之后再豎回來(lái)樣式就都變形了，我加個(gè)alert就可以了，不加alert怎么才能可行呢？或者直接禁止橫屏

正常頁(yè)面：

clipboard.png

橫屏了一下 在豎回來(lái)

clipboard.png

我在代碼中寫了alert就可以變回來(lái)

clipboard.png

寫了console.log()就不行

clipboard.png

window.onorientationchange=function(){
   if(window.orientation==90||window.orientation==-90){
       alert('為了您更好的體驗(yàn)，請(qǐng)保持豎屏');
    }else{
       alert('沒有橫屏');
   }
 }

問(wèn)題1：為什么寫了alert就可以呢？寫了console不行呢？
問(wèn)題2：有沒有可能把橫屏直接禁止掉不讓橫屏呢？

回答
編輯回答
焚音

<!--UC和qq瀏覽器禁止橫屏-->

<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">

微信公眾號(hào)內(nèi)好像無(wú)效

2017年7月18日 04:55
編輯回答
孤慣

可能是dom的問(wèn)題，試下滾動(dòng)1px

2018年3月22日 05:33
編輯回答
愚念

檢測(cè)到屏幕切換之后改變一下頁(yè)面高度啥的，觸發(fā)頁(yè)面的重新渲染，或者是reload

2017年8月16日 16:39