針對Chrome瀏覽器訂製CSS

針對Chrome瀏覽器訂製CSS

  在設計網頁時,必要的功課是將IEFirefox以及Chrome三個瀏覽器的外觀調整至美觀,IE6之下則是起碼要做到正常閱讀,今天ARNO則是又再次遇到Chrome瀏覽器不合群的事件..

以前是曾有用過以下的寫法:

body:nth-of-type(1) #single{margin-top:20px;}

經過這次的測試確認了,這個寫法Firefox也會讀取它,因此請不要使用此寫法囉!

請直接使用下述寫法

@media screen and (-webkit-min-device-pixel-ratio:0) {#single{margin-top:20px;}}

即是把針對Chrome的CSS寫在「#single{margin-top:20px;}」此處即可


附上各種常見瀏覽器的渲染引擎(內核)列表

  • Mozilla Firefox ( Gecko )
  • Chrome ( WebKit )
  • Internet Explorer ( Trident )
  • Safari ( WebKit )
  • Opera ( Presto )

  經營網站SEO的排名只能當作是網路行銷中重要的一塊但不是全部,如果你可以讓使用者看到的頁面明瞭易讀,標題文字吸引人,相信能讓你的網站成交率及停留時間得以增長,共勉之!

魔鬼,就藏在細節之中