CSS 對應不同螢幕尺寸

@import url("css/stand.css");

@import url("css/screen960up.css") screen and (min-width : 960px);/* styles for browsers larger than 960px; */
@import url("css/screen1440up.css") screen and (min-width : 1440px);/* styles for browsers larger than 1440px; */
@import url("css/screen2000up.css") screen and (min-width : 2000px); /* for sumo sized (mac) screens */

@import url("css/iphone.css") screen and (max-device-width:480px); /* styles for mobile browsers smaller than 480px; (iPhone) */
@import url("css/ipad.css") screen and (device-width:768px); /* default iPad screens */
@import url("css/ipad-portrait.css") screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait); /* For portrait layouts only */
@import url("css/ipad-landscape.css") screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape); /* For landscape layouts only */

@import url("css/fineprint.css") print; /* styles for printing */
@import url("css/tv.css") projection, tv; /* Tv ?? */
@import url("chrome://communicator/skin/"); /* chrome skin ?? */

對應不同的螢幕尺寸.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

*

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料