針對Chrome瀏覽器訂製CSS
在設計網頁時,必要的功課是將IE、Firefox以及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的排名只能當作是網路行銷中重要的一塊但不是全部,如果你可以讓使用者看到的頁面明瞭易讀,標題文字吸引人,相信能讓你的網站成交率及停留時間得以增長,共勉之!
魔鬼,就藏在細節之中