1. 程式人生 > >h5制作:請豎屏瀏覽獲得最佳體驗

h5制作:請豎屏瀏覽獲得最佳體驗

媒體 clas 有效 port class dia 媒體查詢 效果 提示

在我們近期的一個h5切圖的項目中,因為h5手機網站在豎屏下的效果最好 ,橫屏下體驗不好,那麽如果能夠在用戶橫屏瀏覽的時候,給一個提示:請豎屏瀏覽獲得更加體驗。那就可以很好的解決了。

網上很多js解決方案和css多媒體查詢但是需要一個個測試,以下是親測有效的做下筆記

@media (max-width:1000px) and (orientation: portrait) {

當屏幕小於1000並且為豎屏的時候。。

}

@media (max-width:1000px) and (orientation: landscape) {

當屏幕小於1000並且為橫屏的時候。。

}

h5制作:請豎屏瀏覽獲得最佳體驗