【问题标题】:Add browser check code in wordpress在wordpress中添加浏览器检查代码
【发布时间】:2013-01-20 06:37:45
【问题描述】:

我正在 Wordpress 代码中寻找可以简单检查浏览器类型(移动设备或非移动设备)的位置,并包括(如果存在)相应的 mobile.style.css 而不是 style.css .

我应该把这样的代码放在哪里?我浏览了代码并将其放入 get_stylesheet_directory 函数中,但这似乎不起作用。

编辑: 为什么不是媒体查询?因为它们的效果不如预期。我的 Galaxy Nexus 上也需要一个移动布局,其分辨率为 1280x720。所以这篇关于如何编写移动 CSS 查询的教程对我不起作用。

所以这很糟糕,因为任何时候发布新的怪物分辨率平板电脑/智能手机 - android,我都在看着你! - 我必须更改代码。

【问题讨论】:

  • 为什么不直接使用媒体查询?这些非常简单,还有助于使您的网站在桌面上更易于使用,因为您可以根据浏览器视口更改设计。
  • 你可以在这个issue找到更多
  • @str,好点子,请看我的评论。
  • @elkebirmed:我只想包含另一个我可以处理的 CSS。这应该可以用 20 行代码而不是安装 WPTouch。

标签: php css wordpress mobile styles


【解决方案1】:

您以错误的方式处理此问题。您应该使用特征检测 (http://modernizr.com/) 和媒体查询来根据设备大小和功能提供不同的内容。

【讨论】:

  • 所以它要么是 CSS 媒体查询(见编辑)要么是 JS 代码而不是 PHP。我不在乎功能,我在乎设备。
  • 您也可以使用媒体查询来检测怪物分辨率手机的像素密度,所以这不是借口。
  • 我如何在不破坏桌面 CSS 的情况下做到这一点?我不希望每个具有相同密度的设备都使用相同的布局。我也需要知道外形尺寸。
  • 我真的不明白为什么这个 JS/CSS hack 应该比 PHP hack 更干净。如果我对这篇文章的理解正确,我将不得不使用 JS 来检测 DPR 并即时创建媒体查询,或者使用我想要支持的每个浏览器/设备对其进行测试并编写特定的查询。
猜你喜欢
  • 2011-04-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-18
  • 1970-01-01
相关资源
最近更新 更多