2012-01-01 59 views
3

對於哪個CSS屬性使用相對值並不好,總是px會給出更好的渲染效果?即使我們正在製作流體佈局。對於哪些css屬性,使用相對值不好?

我認爲像border-radiusborder-width這樣的一些屬性在我們使用相對值時會導致不正確的渲染。

[編輯}例添加http://jsfiddle.net/jitendravyas/Fbghp/3/

有沒有在一個地方的任何有關哪些CSS化子性質不支持相對值,如果我們用這給不一致的結果呢?

編輯2:另一種情況

當我用文字陰影給它不當渲染,體積小見例如http://jsfiddle.net/jitendravyas/Yeg8c/1/。如何獲得清晰的渲染

+2

這是太方便,太普遍的一個問題。有時候建議使用'px',並且有時候建議使用'em'或''''其他單位,並且每個單位的使用取決於設計目標。沒有與設計目標無關的正確/錯誤時間。 – jfriend00 2012-01-01 10:02:36

+0

@ jfriend00是絕對正確的,無論哪種方式,這都是你只能解決的問題 - 你認爲在這種情況下什麼效果最好?列出優點和缺點,因爲即使做出小決定,列表也可能有用。 – Purag 2012-01-01 10:04:26

+1

定義「不正確的渲染」。 – BoltClock 2012-01-01 10:04:54

回答

4

this reference,border-radius支持所有預期類型的​​單位。看起來最初有一些關於百分比值應該如何工作的疑惑,並不是所有的瀏覽器都實現它或者原來實現它,所以一些較舊的瀏覽器具有不同於當前標準和當前瀏覽器的行爲。現在同意邊界半徑的百分比意味着半徑應該是元素框高和框寬的百分比。

從上邊界半徑參考:

百分比值

  • 老年Chrome和Safari瀏覽器版本不支持(它被定格在2010 Sepember)
  • 在歌劇車11.50之前
  • 在Gecko 2.0(Firefox 4)之前以非標準方式實現。水平和垂直半徑都與邊框的寬度有關。