Is there a CSS attribute to apply for OSX Web Browsers, similar to IE9?

Question

I have a bit of a problem with my web development.

I work for a company that, in part, builds webpages for clients connecting to a local hotspot (ie the "Welcome to our WiFi" page). It's been recently brought to my attention that the User to a device using OSX is reporting the webpage misaligned, compared to Windows, Android, and iOS devices.

The basis of my question is: Is there a CSS3 friendly chunk of code I can drop into the stylesheet specific to OSX browsers , much like how Internet Explorer 9 CSS settings can be statically set by adding :root to the beginning of an element in CSS?

CSS example for IE9:

.header { margin-left:20px; } /* Examples of current browsers for laptops or desktops */
:root .header { margin-left:30px \0/IE9; } /* Example of Internet Explorer 9 code */

I did a quick check around, but couldn't find anything in particular answering my question. Any help is appreciated.

Also, as a point of interest, I realize there is the -webkit- property that can be applied to some element arguments that would affect Safari browsers, but I'm looking for something specific to OSX devices. Again, any help on the matter is appreciated.

Thanks in advance!

~DanceLink

Answer 1

对于此类问题，我经常依赖CSS浏览器选择器： https : //github.com/ridjohansen/css_browser_selector/ －它确实需要添加脚本。