在 Chrome 和 Firefox for C9 应用程序上出现解析错误。不确定如何解决

Question

好的，我在重新分级屏幕尺寸分辨率时遇到了问题，我不知道如何解决，因为我仍然不完全确定问题出在哪里。所以，我正在设计一个投票应用程序，让人们可以创建一个民意调查，然后对其进行投票。用户投票的页面是我遇到问题的地方。该页面在 1024 x 768 分辨率下如下所示

当页面处于上述分辨率时，我无法单击任何单选按钮或提交按钮。但是，当我将 window 调整为 800 x 600 时，我可以很好地单击单选按钮。

此外，当我提交选项时，我会根据民意调查创建一个图表。当屏幕分辨率为 800 x 600 时图表显示正常。屏幕截图如下

如果我将上面的屏幕截图调整为 800 x 600 以上的任何尺寸，比如 1024 x 600，图形会与单选按钮重叠。屏幕截图如下

为什么会这样？该应用程序在几个小时前运行良好，从那时到现在没有任何变化。我正在使用 Bootstrap 和 CSS 来设置我的元素的样式。我在下面包含 CSS 代码

.custom-div{
    display:none;
}
.col-md-10{
    height:auto;
    min-height:500px;
}
.ChartDiv{
    width:500px;
    height:400px;
    float:right;
    margin-top:-250px;
    position:relative;
}
#myChart{
    height:300px;
    width:400px;
    padding:0;
    margin:auto;
    display: block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.submit-wrapper{
    clear:both;
    display:block;
    margin-top:20px;
}

Answer 1

为什么不使用 class ChartDiv 而不是使用 bootstrap class col-sm-6 并将所有内容放在 div 中。

在 Chrome 和 Firefox for C9 应用程序上出现解析错误。不确定如何解决

Getting a resolution error on Chrome and Firefox for C9 app. Not sure how to resolve

html

javascript

css

jquery

screen-resolution