当窗口小于448px宽时,CSS会导致窗体无法使用

时间:2014-02-27 20:02:54

标签: javascript jquery html css jquery-mobile

这是一个复制问题的小提琴。你必须缩小结果窗口的大小,使其宽度小于448px,但是当你这样做时,你会看到我在说什么。

http://jsfiddle.net/kehlan/wqS82/

在Chrome的开发者工具中,这是应用于包含表单的div的计算样式,我不知道如何修复它。

-webkit-background-clip: padding-box;
background-clip: padding-box;
border-bottom-left-radius: 8.15999984741211px;
border-bottom-right-radius: 8.15999984741211px;
border-top-left-radius: 8.15999984741211px;
border-top-right-radius: 8.15999984741211px;
color: rgb(51, 51, 51);
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
height: 301.09375px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-align: center;
text-shadow: rgb(255, 255, 255) 0px 1px 0px;
width: 385px;

任何CSS专家都可以帮助我吗?无论窗口的宽度如何,我都需要表单保留原始样式。

1 个答案:

答案 0 :(得分:0)

好吧,我明白了。

出于某种原因,表单中的一些float规则导致了这个问题。

更新了小提琴:

http://jsfiddle.net/kehlan/wqS82/6/