【问题标题】:Element hidden on phones, but not desktop responsive layout隐藏在手机上的元素,但不是桌面响应式布局
【发布时间】:2016-06-08 16:51:32
【问题描述】:

我正在处理客户的网站,但我们有一个问题困扰了我一周。

基本上,我们有一行文本在移动设备上完全消失,但在选择手机的谷歌检查器的响应式布局中可见。

这在 Galaxy S5、LG Optimus L70 和 iPhone 6 上得到证实。

相关部分以红色突出显示:

您可以在Their Site亲自查看此内容

请注意,我们并没有从头开始开发这个网站,而是正在编辑他们的旧网站。他们使用了一个插件来获取我们不再使用的网站的移动版本(它已被删除)。

由于它没有在响应式检查器上重现,因此很难查明问题。是否有专门针对手机的检查员?

我已经搜索了 CSS 文件以寻找答案,但我找不到任何表明该元素仅在手机上被隐藏的内容。我的猜测是某种残留的 Javascript 或 PHP 隐藏了它,是旧插件遗留下来的。

我已经添加了这一行,但它仍然没有响应。

 <?php
    if(!wp_is_mobile()){
 ?>
      <strong class="title"><a href="http://www.lewertlaw.com/awards-distinctions">awards and distinctions</a></strong>
  <?php
    }
   ?>

【问题讨论】:

  • 我在 iPhone 6s, chrome 上看到它很好

标签: javascript php android html css


【解决方案1】:

我想通了。不小心加了一个!到该字段,有效地使其呈现“如果它不是移动的”。 :/

不敢相信我花了一个星期才看到这一点。

【讨论】:

    猜你喜欢
    • 2012-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-12
    • 1970-01-01
    • 1970-01-01
    • 2020-02-06
    相关资源
    最近更新 更多