私はウェブサイトを作り、それをうまく縮めようとしていますが、テキストは同じサイズのままではありません。ブラウザをズームインするとテキストが同じサイズにならないのはなぜですか?
例:
p {
width: 10%;
height: 10%;
background-color: rgb(0,0,0);
top: 50%;
left: 50%;
position: fixed;
color: rgb(255,255,255);
font-size: 175%;
}
<!DOCType html>
<html>
<head>
<title>:(</title>
</head>
<body>
<div><p>TEXT</p></div>
</body>
</html>
これは一例です。私はそれをやっているのではない。ブラウザをズームインまたはズームアウトすると、divは同じサイズになりますが、テキストはボックス内に残りません。
助けにならない –
vh、vwなどを使うのは悪い考えですか? – BOBONA
@BOBONAこれは、ユーザーがズーム設定をテキストに変更した場合、ページが期待どおりに応答しないため、これは誤りのない解決策ではありません。 – FrenchMajesty