【问题标题】:How can I show a responsive website view only on device如何仅在设备上显示响应式网站视图
【发布时间】:2014-02-06 22:07:12
【问题描述】:

我有一个网站。现在没有反应。通常,如果是由 css3 媒体查询制作的,我们可以通过减小浏览器大小来检查任何响应式网站。但我想为我的网站制作一个响应式视图。当用户通过 PC 访问该站点时,他们可以看到 PC 版本。如果他们减小浏览器大小,他们将无法看到移动视图。如果他们只通过移动设备访问,他们将能够看到移动设备视图。

例如:

http://www.whatsapp.com

http://www.facebook.com

【问题讨论】:

标签: html css responsive-design web-deployment


【解决方案1】:

例如,使用php-mobile-detect,您可以检测用户浏览器并将手机重定向到 m.whatsapp.com。这是你要找的吗?

Example:

require_once '../Mobile_Detect.php';
$detect = new Mobile_Detect;
if($detect->isMobile() || ($detect->isTablet()){
    // Redirect to the mobile version instead of the desktop version
    header('Location: m.yoursite.com');
}

【讨论】:

  • 嗯,WhatsApp.com 的移动版本有一个不同的网站,而不是一个负责任的样式表。为桌面用户“隐藏”移动版本的唯一方法是检测用户是否在移动设备上并将其重定向到专门设计的移动网站。那么你是做一个特殊的移动网站,那么你应该需要这个代码,如果你使用一个网站,你必须使用css媒体查询。
猜你喜欢
  • 1970-01-01
  • 2014-03-10
  • 2018-06-25
  • 2018-07-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-08-20
  • 1970-01-01
相关资源
最近更新 更多