onclick不适用于较小的屏幕尺寸，但适用于较大的屏幕。

Question

我在多个设备中对此网站http://hashgurus.com/default.aspx/#countries有一个奇怪的问题。对于更大的屏幕，例如在ipad和台式电脑上点击国家链接 - 加拿大，荷兰，德国，英国 - 效果非常好。

但如果屏幕像iphone / android一样小，那么这些国家的链接就不会有效。我不知道为什么它在较小的屏幕尺寸中表现不同。 我应该检查代码的任何指针？

Answer 1

您需要将clear:both添加到包含“埃及顶级推特趋势”的div的CSS中。小部件。这将解决它。这是因为标志已经浮动，这会将它们从页面流中移除。

<div class="col-lg-3 col-md-3 col-sm-3" id="widgetplace" style="clear: both;">

根据OP的要求编辑：

不要更改当前版本的CSS，而是添加：

@media screen and (max-width: 900px) {
   #widgetplace {
        clear: both;
   }
}  

仅当设备宽度小于900px

时，才会添加所需的代码

Answer 2

发现问题。如果您在小屏幕中，则会有一个ID为advertisement的div。当我将其设置为display:none;时，它会起作用，因此div会被放置在链接上但它是空的，所以你不会看到它在那里。

我通过小屏幕发现它，而不是点击一个国家链接而不是点击元素检查。当您在小屏幕上执行此操作时，您可以在大屏幕上进行广告div en右键链接。