/375 x 667 iphone 6/
@media screen and (max-width: 375px) and (min-width: 320px)
/寬度小於500px時用以下樣式覆蓋原樣式以達到適配手機/
/414 x 736 iphone 6p/
@media screen and (max-width: 500px) and (min-width: 375px)
/320 x 586 iphone 5/
@media screen and (max-width: 320px)
@media all and (orientation : landscape)
} @media all and (orientation : portrait)
} js也可以判斷橫屏還是豎屏 0為豎屏模式（portrait），-90意味著該裝置橫向旋轉到右側的橫屏模式（landscape），而90表示該裝置是橫向旋轉到左邊的橫屏模式（landscape）。
window.addeventlistener(「orientationchange」, function() , false);
QML適配不同裝置
做嵌入式和移動開發，不同的裝置，不同的解析度需要ui能夠適配，這是乙個很現實的問題。qml作為qt中為ui而生的，使用qml一定要解決適配的問題。現在同一尺寸的螢幕，其解析度也是不同，在qml中使用 anchors 進行相對的布局時，其是以畫素為單位。現在有乙個概念，叫做每英吋畫素數目。當裝置的pp...
CSS適配 App端適配
1 手機的響應式布局，所有的單位用rem來表示。如 設計稿的寬度是750，則html標籤的font size 螢幕寬度 7.5。那麼在網頁中的尺寸 設計高上實際的尺寸 100.把下面的 作為乙個單獨的resize.js檔案，手機的頁面引用這個檔案。html css window resize fun...
CSS樣式適配雜記
解答 給input框增加vertical align bottom 2.問 ie下display inline block不起作用。答 display inline block後面增加 display inline zoom 1 具體參見 該文對inline block有詳細分析。3.問 如何取消i...