css样式min-width:0导致cordova android应用程序溢出屏幕宽度

时间:2016-06-24 17:27:01

标签: android html css angularjs cordova

我有一个angularjs应用程序,我使用cordova的Android和ios设备。通常,表格在屏幕的innerWidth内可水平滚动。但是有一个问题只发生在一些Android设备上(在浏览器和ios中它没有发生)。我正在分享下面这个问题的形象。可滚动表溢出屏幕的宽度。我认为问题在于“fieldset”标签。这是html部分;

<section class="col-xs-12">

    <!-- other fields -->

    <fieldset class="form-group">
        <!-- horizontal table -->
    </fieldset>
</section>

默认bootstrap“fieldset”标记样式;

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

似乎问题是关于“min-width:0;”样式。当我用div替换fieldset并给出fieldset的所有样式 (“min-width:0;”除外)问题不会发生。

这是一个错误吗?有没有办法解决问题而不删除fieldset标记? (“min-width”样式的默认值为0,因此我无法覆盖它。)

屏幕截图(图像的黑色部分超出屏幕宽度);

IMAGE

0 个答案:

没有答案