站内搜索:
首页 >> 前端 >> 内容
单独为主流浏览器单独定义的CSS样式

时间:2018/3/5 15:20:40

单独为主流浏览器单独定义的CSS样式

<script>
    var user = navigator.userAgent.toLowerCase();//用户代理
    var skip;//定义浏览器
    var skipversion = {};//定义浏览器版本
    (skip = user.match(/msie ([\d.]+)/)) ? skipversion.ie = skip[1] :
    (skip = user.match(/firefox\/([\d.]+)/)) ? skipversion.firefox = skip[1] :
    (skip = user.match(/chrome\/([\d.]+)/)) ? skipversion.chrome = skip[1] :
    (skip = user.match(/opera.([\d.]+)/)) ? skipversion.opera = skip[1] :
    (skip = user.match(/version\/([\d.]+).*safari/)) ? skipversion.safari = skip[1] : 0;
    if (skipversion.ie) document.write('<style>CSS在这里</style>');
    if (skipversion.firefox) document.write('<style>CSS在这里</style>');
    if (skipversion.chrome) document.write('<style>CSS在这里</style>');
    if (skipversion.opera) document.write('<style>CSS在这里</style>');
    if (skipversion.safari) document.write('<style>CSS在这里</style>');
</script>

  • 上一篇:在react中,使用axios获取后台服务器数据的方法
  • 下一篇:鼠标滑轮滚动事件(代码)
  • 返回顶部