iPad的CSS

內的特定代碼我試圖像排版一個電影劇本文本。我對此website使用以下代碼。iPad的CSS

<style type="text/css"> 
.header { 
font-family: courier new, monospace; 
color: #999999; 
font-size: 12pt; 
line-height: 12pt; 
width: 38.25em; 
} 
.character { 
font-family: courier new, monospace; 
color: #999999; 
font-size: 12pt; 
line-height: 12pt; 
padding-left: 12.5em; 
width: 21em; 
} 

[etc]

我注意到iPad不像我的桌面上那樣顯示縮進文本（填充）。大約有0.5em的差異。有沒有辦法縮進桌面，iPad和iPhone？有沒有一種方法只針對iPad的上述CSS的特定部分？

來源

2013-07-22 user2607261

我認爲問題出在哪裏其他地方，也許是被定義爲EM或字體大小的寬度被定義爲PT ..反正我的觀點是，我沒有這個問題在PX/EM /％ – Huangism

最簡單的解決方案將是使用媒體查詢，以確定當觀看者使用具有的ipad的屏幕尺寸，或具有類似大小的任何其它裝置的顯示器。

@media all and (max-device-width: 768px) { 
    // insert css specific to ipad portrait 
} 

@media all and (max-device-width: 480px) { 
    // insert css specific to iphone landscape 
} 

@media all and (max-device-width: 320px) { 
    // insert css specific to iphone portrait 
}

來源

2013-07-22 15:06:52 MGDTech

定義的東西感謝您的快速答覆。我不是這方面的專家。你能告訴我代碼在嵌入CSS或網站時的外觀嗎？ – user2607261

另外，如果我使用屏幕分辨率與桌面類似的iPad 4，會發生什麼情況？ – user2607261

iPad 4具有較高的屏幕分辨率，它會影響圖像，但不會影響瀏覽器窗口的大小。所以，它將和所有其他iPad一樣。查看這個實例的最好方法是查看像[css-tricks.com]（http://css-tricks.com/）這樣的網站並重新調整瀏覽器窗口。另外，如果您對此答案感到滿意，請單擊向上箭頭並標記爲已回答。 – MGDTech

除了上面，您可以包括像http://rafael.adm.br/css_browser_selector/

，它允許你根據什麼移動/ OS應用特定的規則/等被嗅探和剛剛上市的正確類

你可以應用任何你需要的特定規則，例如

.ipad #div1 { 
/* rules here */ 
} 

.iphone #div2 { 
/* rules here*/ 
}

來源

2013-07-22 15:16:42 feitla

謝謝文本@media顯示在網站上，但我需要不同的CSS代碼/包適用於iPad，根據劇本的元素。我需要這樣的東西：.ipad＃div1，.ipad2＃div2等。 – user2607261

回答

相關問題