这是您可以在页面上(或在单独的js文件中)包含的脚本,该脚本会将类添加到html元素,以便您可以将safari-mac特定的css添加到css文件中。
(function($){ // console.log(navigator.userAgent); if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { // console.log('Safari on Mac detected, applying class...'); $('html').addClass('safari-mac'); // provide a class for the safari-mac specific css to filter with }})(jQuery);示例css修复,可以在页面中或在外部css文件等中:
.safari-mac #page4 .section p.fussyDesigner { margin-right: -15px; }.safari-mac #page8 .section-footer { width: 694px; }感谢其他想法的答案,我已经尝试将所有内容打包成一个完整的解决方案。



