2012-02-08 53 views
0

我想知道如何創建特定於safari(5)或更少的CSS文件。如何編寫Safari(5)特定的CSS?

+0

你需要給更多的細節。你是說瀏覽器特定的前綴到CSS屬性,或者如何通常創建一個CSS文件? – 2012-02-08 19:40:56

+0

你爲什麼想這樣做? – thirtydot 2012-02-08 19:41:16

+0

我有一個CSS問題。它適用於所有瀏覽器,除safari.so我想知道是否有任何方法來編寫特定的css文件來定位Safari,就像我們爲IE做的那樣。 – Ninu 2012-02-08 19:44:17

回答

3

如果你想有一個執行的Safari和Chrome的一些CSS代碼,你必須檢查爲-webkit-前綴

例如CSS的This is an example當瀏覽器Safari或任何瀏覽器能夠理解的,將只適用-webkit-前綴

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    #safari { display: block; } 
} 

只是一個提醒,這不是故障安全的解決方案。

+1

這顯然也將在Chrome中應用。也許OP想要這樣做,但目前還不清楚,但這樣做並不是一個好主意。 – thirtydot 2012-02-08 19:45:56

+0

我正在使用網絡字體並使用@ font-face將其導入到css中 除safari以外,所有瀏覽器都會正確渲染它,當在safari中font-weight設置爲粗體時,字體超級粗體。我想設置字體權重到正常只爲safari看看它是否正確渲染。 – Ninu 2012-02-08 20:23:59

+0

我也想知道safari會使用哪種格式? – Ninu 2012-02-08 20:25:13

0

爲四個空格創建代碼塊或其他預格式化文本,縮進:

This will be displayed in a monospaced font. The first four spaces 
will be stripped off, but all other whitespace will be preserved. 

Markdown and HTML are turned off in code blocks: 
<i>This is not italic</i>, and [this is not a link](http://example.com) 

要創建不是一個塊,而是內嵌碼跨度,使用反引號:

$角色僅僅是一個window.jQuery的快捷方式。

如果你想通過八個空格有一個列表中的預格式化塊,縮進:

  1. 這是正常的文本。
  2. 原來是這樣,但現在如下代碼塊:

    Skip a line and indent eight spaces. 
    That's four spaces for the list 
    and four to trigger the code block.