我的网站开发存在一些问题。
我为一家公司工作,该公司部分为连接到本地热点的客户构建网页(即“欢迎使用我们的WiFi”页面)。最近我注意到,与Windows,Android和iOS设备相比,使用OSX的设备的用户报告网页未对齐。
我的问题的基础是:是否有一个CSS3友好的代码块,我可以放入特定于OSX浏览器的样式表,就像可以通过添加静态设置Internet Explorer 9 CSS设置一样:root到CSS中元素的开头?
IE9的CSS示例:
.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 */
我做了快速检查,但找不到任何特别回答我的问题。任何帮助表示赞赏。
另外,作为一个兴趣点,我意识到-webkit-属性可以应用于一些会影响Safari浏览器的元素参数,但我正在寻找特定于OSX设备的东西。再次,对此事的任何帮助表示赞赏。
提前致谢!
〜DanceLink
答案 0 :(得分:0)
对于这样的问题,我经常依赖CSS浏览器选择器:https://github.com/ridjohansen/css_browser_selector/ - 它确实需要添加脚本。