【问题标题】:site resolution / zoomed out on mobile网站分辨率/在移动设备上缩小
【发布时间】:2019-04-02 20:17:57
【问题描述】:

因此,我的一位对编程一无所知的老朋友向他的网站寻求帮助。很久以前有人为他建造了它,在这里 - http://challengetours.org/ 问题在于网站的宽度。 如您所见,站点底部有一个滚动条,它通向一个巨大的空白区域。 特别是这没有问题,但是当您在移动设备上打开该网站时,它会缩小以查看整个网站,包括空白区域。

解决这个问题的最简单方法是什么?我有一些背景,但我从未使用过 WP/JS/PHP/CSS :)

谢谢,

意大利

【问题讨论】:

  • 我应该补充一点,我尝试了很多我在网上找到的解决方案,但似乎都没有做出任何改变。我对 WP 知之甚少,无法自己了解这段代码中的内容
  • 看起来有一个名为 Share This 的插件或类似的插件导致了问题。如果您停用该插件,它应该确认它是否是罪魁祸首。手动删除去 c.sharethis.mgr.consensu.org 的 iframe 以及 id 为“smthemes_share”的 div 摆脱了水平滚动条。

标签: wordpress


【解决方案1】:

如果上面WebElaine的评论不起作用,您可以执行以下操作。

您在 CSS 中有两个元素设置规则:

  1. id 为 ___plusone_0 的 div 的内联样式设置为 "left: -10000px;"

  2. ID 为 st_gdpr_iframe 的 iframe 具有“左:-5000px;"”的内联样式规则。

去掉这两种样式就去掉了滚动条。

如果您使用的是 Wordpress 但不太熟悉,您可以添加自己的 CSS ID,以便您定位这些元素并覆盖内联样式(如果 Wordpress 主题本身存在问题)访问。

例如:

#st_gdpr_iframe{
left: 0px;
}

#smthemes_share .inner{
left: 0px;
}

【讨论】:

  • 非常感谢,我想我自己解释得还不够。我要解决的是网站如何在移动设备上打开(缩小)。我试过了,但没有任何改变.. 这是一个 [链接] (ibb.co/Q8hfYPM) 屏幕截图。再次,非常感谢
  • 您是否禁用了 Share This,或删除了规则/应用了上述 CSS?这样做之后,我可以确认它也可以在移动设备上运行:oi68.tinypic.com/25oxqxg.jpg
  • 找不到插件,我确实添加了上面的 CSS,但它没有改变.. 对我来说仍然是一样的 - 在 Android pie 手机上的 Chrome 和谷歌搜索上。跨度>
  • 您可以使用 JS 来定位这些元素并更改它们。见Remove Style on Element。您也可以使用 CSS !important 规则,尽管通常不鼓励这样做。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-09
  • 1970-01-01
  • 2020-07-24
  • 1970-01-01
  • 2013-05-28
相关资源
最近更新 更多