Safari 特定的CSS Hack
雖然提供的程式碼無法區分Safari 和Chrome,但可以使用專門針對Safari 版本的替代CSS hack 6.1 及更高版本。這裡有一個這樣的技巧:
_::-webkit-full-page-media, _:future, :root .safari_only { color: #0000FF; background-color: #CCCCCC; }
版本特定的Safari 技巧
對於Safari 版本10.1 及更高版本,請使用此技巧:
/* Safari 10.1+ */ @media not all and (min-resolution: .001dpcm) { @media { .safari_only { color: #0000FF; background-color: #CCCCCC; } } }
對於Safari 版本6.1 至10.0,請使用此hack:
/* Safari 6.1-10.0 (not 10.1) */ @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { @media { .safari_only { color: #0000FF; background-color: #CCCCCC; } } }
要套用這些 hack,請將名為「safari_only」的類別新增至您想要僅針對 Safari 設定樣式的元素。
以上是如何套用 CSS Hack 專門針對不同的 Safari 版本?的詳細內容。更多資訊請關注PHP中文網其他相關文章!