Итак, я хочу, чтобы размер текста не изменялся при увеличении, используя другое разрешение. Пока текст уходит из div, я хочу, чтобы это было исправлено. Надеюсь, вы мне поможете :)
Фрагмент кода:
html,body {
width: 100%;
height: 100%;
overflow-x: hidden;
}
body {
background-repeat: no-repeat;
background-image: url("https://i.imgur.com/L4UFzEe.png");
background-position: center;
background-size: cover;
}
.big {
width:100%;
height:100%;
}
.center {
display: inline-block;
position: fixed;
top: 0;
bottom: 22.5%;
left: 0;
right: 0;
width: 45%;
height: 30%;
margin: auto;
}
.ip {
display: inline-block;
width: 12%;
height: 7%;
margin: 20px;
background-color: white;
border-radius: 50px;
}
.iptext {
font-family: 'Poppins', sans-serif;
font-size: 30px;
text-align: center;
color: black;
line-height: 55px;
margin: 0 auto;
vertical-align: middle;
}
.texthead {
font-family: 'Poppins', sans-serif;
font-size: 85px;
color: black;
text-align: center;
}
.texthead2 {
font-family: 'Poppins', sans-serif;
font-size: 35px;
color: rgb(13, 82, 176);
text-align: center;
}
<body>
<div class="big">
<div class="ip"><p class="iptext">Rozmc.pl</p></div>
<div class="center"><p class="texthead">ROZMC.PL</p>
<p class="texthead2">1.8-1.16</p>
</div>
</div>
</body>
Так что я не знаю, что сказать. Это все, что я хотел предоставить. Спроси меня, не упустил ли я чего-нибудь.