css自动更改大小按钮

Question

我有一个“步骤手册”的自动诊断，但我有一个小问题的自动更改大小按钮(可能) CSS。

当我去按第一个顺序:你发烧了吗，->，->，你有咳嗽，->，去看医生吗？

接下来，我点击“重置”并做第二个序列:你发烧了吗，->，是的，->，你咳嗽了吗？这里的按钮比第一次小。

我在密码上犯了错？

/*buttons*/
#msform .action-button {
width: 100px;
background: #27AE60;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 5px;
    margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}

JSFiddle

屏幕

Answer 1

按钮和容器作为一个整体正在缩小，因为在您的javascript代码中将其缩小到原来大小的0.8。

从JS中删除这一行：

current_fs.css({'transform': 'scale('+scale+')'});

更新小提琴：http://jsfiddle.net/nashcheez/bj8pd5op/31/

Answer 2

scale = 1 - (1 - now) * 0.2;

这将导致整个字段集缩小到0.8。您可能是为缩放效果而添加的。

有两种解决办法：

• 删除行(如@nashcheez所述)或将刻度设置为1
• 如果您仍然希望使用css动画的缩放效果将缩放恢复到原来的大小(又名1) @keyframe { 0% { transform: scale(0.8)；} 100% { transform: scale(1)；}}