同一外部样式中可以使电脑，手机采用不同的展示方式。(只因在代码中都只是一个标签一个样式名)相同的class样式的不同展现
你搜一下移动端适配
听我的，使用css的媒体查询来判断屏幕宽度写不同的css，
@media (max-width: 500px) { //500px宽度下屏幕的css }
这个要判断是手机还是电脑，需要服务器端代码，在服务器判断user-agent，然后加载不同的css（通过 stylesheet src=不同地址）即可。