在Chrome Android和Win8.1中无法正确显示引导程序(在Chrome iOS应用,Safari和IE11中正常)

时间:2015-05-16 06:45:19

标签: javascript android css twitter-bootstrap google-chrome

Android手机和Win 8.1 PC中的Chrome浏览器按钮和iframe元素的网格布局不起作用。该页面在iOS(iPad)和Win8.1 IE11中的Chrome和Safari中显示良好。

按钮定义为:

<a href="http://weather.gc.ca/trends_table/pages/yvr_metric_e.html" class="btn btn-info" role="button" target="_blank">YVR 24hrs</a>

iframe的3个网格被定义为:

                <div class="row">
                <div class="col-xs-4">
                    <iframe width="210" height="210" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/1kTIy2JRSkkUoubdQ_pPMpSfXSCoG-U16Q1gjUpS_Eok/pubchart?oid=879890587&amp;format=interactive"></iframe>
                </div>
                <div class="col-xs-4">
                    <iframe width="210" height="210" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/1kTIy2JRSkkUoubdQ_pPMpSfXSCoG-U16Q1gjUpS_Eok/pubchart?oid=1692765152&amp;format=interactive"></iframe>
                </div>

Bootstrap elements display correctly in Chrome iPad (image), as well as in IE in Win8.1. Problem: Buttons are simplified as text links and iframes stacked in Chrome Android phone Portrait and Chrome Android phone Landscape, and Chrome Win8.1 desktop. CLICK for Images

0 个答案:

没有答案