Facebook Like按钮导致移动设备上的水平滚动

Question

我有一个Facebook Like按钮实现,它可以在所有桌面和移动浏览器中呈现.但问题在于分辨率为240x320的低分辨率设备.Like按钮使设备放大页面,从而呈现水平滚动.

这些按钮在宽度> = 320px的设备上正常呈现,就像iPhone等一样,但宽度小于此的旧设备面临问题.

我看待它的方式.页面加载正常,然后对Facebook进行服务器调用,然后返回一些打破它的参数.它正在产生一个<iframe>.我试图把width和overflowCSS参数但似乎没有工作.我正在初始化Like按钮,如下所示:

<div id="fb-root">
<!--Facebook begins-->       
        <div class="fb-like" data-href="<%=RedirectURL%>" data-send="false" data-layout="button_count" width="80" data-show-faces="false"></div>
        <!-- ends -->
</div> 

<script>
        window.fbAsyncInit = function () {
            FB.init({ appId: '328982000461228', status: true, cookie: true,
                xfbml: true
            });
            FB.Event.subscribe('edge.create', function (response) {
                ntptEventTag('ev=Social&Action=Method Shared');
            });
        };
        </script>
    <script type="text/javascript">

Answer 1

上述解决方案都没有帮助。终于得到答案了。虽然这不是最好的解决方案，但它可以完成工作。

我将其应用于 fb like 按钮的父容器：

.socialIcons { display: inline-block; width: 200%; /* for low res androids */ overflow: hidden; margin: 5px 0 5px 10px; }