Ví dụ mình có html thế này:
<body>
<div id='displayed-number-div' class="clearfix">
<p id='displayed-number'>123456789</p>
</div>
</body>
Và css thế này:
body, html {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#displayed-number-div {
height: 100%;
display: table;
width: 100%;
}
#displayed-number {
margin: 0;
height: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
white-space: nowrap;
font-size: 40vh;
border-width: 5px;
border-style: dashed;
}
Liệu có cách nào để con số trong thẻ < p >có thể tự động thay đổi font-size cho khớp với thẻ < div > không, mình đã thử tạo ra 1 thẻ tạm rồi liên tục thử size lên nó, nhưng mà performance quá chậm.