【问题标题】:Responsive websites on mobile and when resizing browser [closed]移动设备上的响应式网站和调整浏览器大小时[关闭]
【发布时间】:2016-04-15 23:11:07
【问题描述】:

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

【问题讨论】:

    标签: html css twitter-bootstrap


    【解决方案1】:

    实际上,这可以在网络服务器级别检测到请求来自的用户代理是什么。基于该网络服务器向客户端设备显示网站。 参考这个问题Detecting Device Type in a web application

    【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 2015-09-21
      • 1970-01-01
      • 1970-01-01
      • 2018-10-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-14
      • 2012-03-12
      相关资源
      最近更新 更多