移动设备上的响应式网站以及调整浏览器的大小

时间:2016-01-11 15:20:14

标签: html css twitter-bootstrap

为了使网站响应我知道我们需要使用css(媒体查询)或框架来测试网站是否响应我们只需要调整浏览器大小以查看效果。
但我有一个问题,例如这个网站paypal.com或stackoverflow.com它在移动设备上响应,但是当我尝试从我的桌面登录并调整浏览器大小(没有响应)时  那么这些网站如何检测访问者的设备? 谢谢

2 个答案:

答案 0 :(得分:1)

实际上,这可以在Web服务器级别检测到请求来自哪个用户代理。基于该webserver将网站显示给客户端设备。 请参阅此问题Detecting Device Type in a web application

答案 1 :(得分:1)

测试时,调整浏览器大小并不总能产生预期的效果。在Chrome中,您可以在控制台中切换设备模式(ctrl + shift + m)来模拟移动设备。

在代码中,如果要定位特定设备,可以在Javascript中使用window.navigator.userAgent。