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

Question

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

但如果屏幕很小，如 iphone/android，这些国家/地区链接将无法正常工作。我不知道为什么它在较小的屏幕尺寸下表现不同。我应该检查代码的任何指示？

Answer 1

您需要将 clear:both 添加到包含“埃及热门 Twitter 趋势”小部件的 div 的 CSS。那会解决它。这是因为标志已 float ，这将它们从页面流中移除。

<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 时才会添加所需的代码