1、
@media (orientation: portrait) 橫屏
@media (orientation: landscape) 豎屏 2、
橫屏豎屏
//判斷手機橫豎屏狀態：
function hengshuping()
if(window.orientation==90||window.orientation==-90)
}window.addeventlistener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
//移動端的瀏覽器一般都支援window.orientation這個引數，通過這個引數可以判斷出手機是處在橫屏還是豎屏狀態。
從而根據實際需求而執行相應的程式。通過新增監聽事件onorientationchange，進行執行就可以了。
《HTML5移動Web開發實戰》 導讀
html5移動web開發實戰 如何在多平台上建立高效能 響應式移動 對於程式設計師來說，由於手機裝置快速增加 螢幕尺寸各不相同 效能仍有侷限性，這個問題就顯得非常重要。本書提供了答案，你會知道如何有效地利用最新的html5針對移動 的功能，橫跨多個移動平台。本書會讓你了解如何策劃 建立 除錯和優化移...
《HTML5實戰》 導讀
前言 寫一本能夠較為全面介紹html5內容的書遠比想象更為困難。首先，瀏覽器和規範本身一直在改變，似乎無論半年內寫了多少東西，瀏覽器總會對乙個實現加以調整，從而讓幾章的內容都失效。這就會讓整個寫作過程反覆，很難再為章節確定最終版本。另外，我們還看到許多關於html5的書僅僅上市幾個月後，內容就完全過...
HTML5與移動Web Canvas畫布
canvas本質上乙個位圖畫布，其上繪製的圖形是不可縮放的，不能像svg影象那樣可以被放大縮小 用canvas繪製出來的物件不屬於頁面dom結構或者任何命名空間 由於不儲存文件物件，效能較好，但如果需要移除畫布中的圖形元素，往往需要擦掉繪圖重新繪製它 看起來和 如果不給設定widht height屬...