Auto Ändern der Größe Tasten von CSS

Ich habe ein "Schritt-Handbuch" für die automatische Diagnose, aber ich habe ein kleines Problem mit der automatischen Änderung der Größe Schaltflächen von (wahrscheinlich) CSS.Auto Ändern der Größe Tasten von CSS

Als ich das erste Sequenz gehen klicken: Haben Sie Fieber haben -> ja -> Sie haben einen Husten -> gehen

Next ich auf „reset“ für den Arzt und die zweite Sequenz tun: Sie yo haben ein Fieber -> ja -> Hast du einen Husten ... und hier sind die Knöpfe am kleinsten als beim ersten Mal.

Wo mache ich Fehler im Code?

/*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

Screens

Quelle

2017-02-17 Wanarka

Der jsfiddle Link zeigt etwas anderes als das, was Sie beschrieben haben. – nashcheez

Können Sie das HTML auch posten? – AymDev

Oh sorry, falscher Link zu jsfidlle .. bitte sehen Sie .. http://jsfiddle.net/bj8pd5op/30/ – Wanarka

Die Tasten und der Behälter als Ganzes wegen einer Skalierung schrumpfen bis 0,8 ihrer ursprünglichen Größe in Ihrem JavaScript-Code.

diese Zeile aus Ihrem JS entfernen:

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

Aktualisiert Geige: http://jsfiddle.net/nashcheez/bj8pd5op/31/

Quelle

2017-02-17 13:10:01 nashcheez

Vielen Dank! Kann ich noch eine Frage haben? Wie mache ich Körper (dieses weiße Feld) um automatisch Inhalte nach innen zu scrollen? Ich lösche die Breite 80% in #msform fieldset {aber Feld ist jetzt nicht center ... – Wanarka

Von dem, was ich aus dem obigen Kommentar verstehe, sind die 'fieldset' 's trotz der' text-align: center' zentriert jede feste Breite oder nicht. – nashcheez

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

Dies bewirkt, dass Ihre ganze Fieldset auf 0,8 bis schrumpfen. Sie haben es wahrscheinlich für den Skalierungseffekt hinzugefügt.

Zwei Lösungen:

die Zeile entfernen (wie durch @nashcheez erwähnt) oder die Skala 1
gesetzt Wenn Sie immer noch den Maßstab Effekt mit CSS-Animationen wollen wollen die Skala wiederherstellen zurück zu es ist Originalgröße (aka 1)
```
@keyframe scaleAwayToGlory { 
    0% { 
     transform: scale(0.8); 
    } 
    100% { 
     transform: scale(1); 
    } 
} 
```

Quelle

2017-02-17 13:24:51

Auto Ändern der Größe Tasten von CSS

Antwort

Verwandte Themen