首页 > 如何根据user-agent给出不同的样式?

如何根据user-agent给出不同的样式?

知乎某页面

A.用PC缩放到宽为 n px
B.改变用户代理为mobile后,再缩放到宽为 n px

这两种情况给出的样式不同。我原先以为都是根据浏览器窗口的宽度来给出样式的。
请问这是怎么实现的?


被采纳答案中给的第一个链接提供了一些思路。
估计知乎采用的是服务器端判断请求头的user-agent,然后用sass之类的东西动态生成样式。


1、采用响应式布局:什么是响应式布局设计
2、利用js去识别移动端,然后调用对应的CSS:js区分移动设备和PC访问站点


两套CSS文件,跟据需要动态加载样式就是啦~

【热门文章】
【热门文章】