浏览器和手机显示不同样式

思路

1、浏览器和手机引用不同的css文件
2、js动态更新样式

开工

1、不是专业前端，这里就不班门弄斧了，引用不同样式方式直接查到一个别人的，看起来挺好，点击查看

2、js动态更新方式，简单记录一下：

PS：我这里直接根据屏幕尺寸判断的，做法很粗糙，但是大概思路是这样，屏幕尺寸大于一个值，设置一个样式，小于、等于、或者多写一些判断、等等，可以设置很多尺寸的不同样式！

$(function(){
    if(screen.width>500){
        document.getElementById("ibox-content").style.marginLeft = "10%";
    }else{
        document.getElementById("ibox-content").style.marginLeft = "-15%";
    }
})

结束