2012-04-28 30 views
-1

我有一個網頁,我想應該有在iPad上應該加載CSS兩個CSS文件,我的網頁是在Safari瀏覽器中打開一個,如果它打開直接沒有瀏覽器它應該加載css two.when你有網頁書籤,它有在iPad上的主屏幕上的圖標,所以當我點擊它時,它打開網頁沒有像Safari瀏覽器的地址欄,它顯示從botton這並沒有顯示何時這個網上在Safari瀏覽器上的地址欄如何添加兩個CSS文件,一個是Safari瀏覽器,一個用於在網頁的iPad桌面版

 <link type="text/css" href="newstyle.css" media="only screen and (min-device-height:674px)and (min-device-width:1024px) and (orientation:landscape)" rel="stylesheet" /> 


     <link type="text/css" href="newstyle_1.css" media="only screen and (min-device-height:748px) and (min-device-width:1024px) and (orientation:landscape)" rel="stylesheet"/> 

回答

0

爲什麼不把它們合併到一起呢?節省您的時間,精力和HTTP請求。並且在使用CSS壓縮器時也可以節省下載時間和帶寬。

+0

監聽瀏覽器,我使用674和桌面,我想768如何可以在674壓縮該 – user1360291 2012-04-28 07:57:35

+0

上桌面版本,它顯示了從底部的空白空間,如何解決它的任何想法 – user1360291 2012-04-28 07:58:42

+0

@ user1360291如果你的意思是分辨率和尺寸的頁面,使用[媒體查詢(https://developer.mozilla.org/en/CSS/Media_queries)檢測設備 – Joseph 2012-04-28 08:08:55

0

請使用基於寬度的這種方法,我們可以解決這個問題,我們使用這種方法

<link rel="stylesheet" media="screen and (max-width: 768x)" href="ipad.css" /> 

<link rel="stylesheet" media="screen and (max-width: 1024px)" href="desktop.css" /> 

<link rel="stylesheet"href="comon.css" /> 
+0

將這項工作兩個並可能給你我的CSS – user1360291 2012-04-28 08:19:26

相關問題