questa è la mia struttura html +css
codice:
<button id="btn_r1" class="btn_resp vero1 panelCB" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; border: 1px solid;">
<div id="myQuiz" class=" question r1 flipCB" style="position: relative; height: 100%;margin: 0px 0px 10px 0px;font-size: 100%;overflow: hidden;">
<span id="mainTxt" class="hyphenate risp1" lang="it" style=""> Ha l'obbligo di fermarsi e di prestare l'assistenza occorrente alle persone investite</span>
</div>
</button>
media="(orientation: landscape)"
.vero1, .vero2, .vero3 {
z-index: 9999;
max-height: 110px;
/* height: 110px; */
min-height: 75px;
background: white;
}
media="(orientation: landscape)"
.btn_resp {
font-size: 110%;
-ms-text-size-adjust: 110%;
-webkit-text-size-adjust: 110%;
}
media="(orientation: landscape)"
.btn_resp {
width: 97%;
left: 1px;
padding: 5px 5px;
text-align: left;
margin-top: 15px;
}
.vero1, .vero2, .vero3 {
position: relative;
float: right;
top: 25%;
left: -17px;
height: 62px;
width: 62px;
}
la struttura è questa e il contenuto del testo viene caricato dinamicamente; solo che queste misurazioni che ho provato non funzionano.