現在、HTMLとCSSを利用して、チェックリストを作っています。中身は非常に単純ですが...。そこで、スマホで表示させたとき画像のように、サイズが小さくなってしまいます。拡大すればいい話ですが神経質なもので...。 ![謎](566928f5fbbafefa3cea3995c50e53d4.png) Chromeのデベロッパーツールを利用していますが実際スマホでもこうなります。 htmlやcssを見てみても理解できませんでした。どなたかアドバイスお願いします。 ```HTML チェックリスト

チェックリスト

【毎日】

りんごみかん ``` ```CSS .cp_ipcheck { width: 90%; margin: 2em auto; text-align: left; } @keyframes click-wave { 0% { position: relative; width: 30px; height: 30px; opacity: 0.35; } 100% { width: 200px; height: 200px; margin-top: -80px; margin-left: -80px; opacity: 0; } } .cp_ipcheck .option-input02 { position: relative; top: 13.33333px; right: 0; bottom: 0; left: 0; width: 30px; height: 30px; margin-right: 0.5rem; cursor: pointer; transition: all 0.15s ease-out 0s; color: #ffffff; border: none; outline: none; background: #d7cbcb; -webkit-appearance: none; appearance: none; } .cp_ipcheck .option-input02:hover { background: #d6a9a9; } .cp_ipcheck .option-input02:checked { background: #da3c41; } .cp_ipcheck .option-input02:checked::before { font-size: 20px; line-height: 30px; position: absolute; display: inline-block; width: 30px; height: 30px; content: ''; text-align: center; } .cp_ipcheck .option-input02:checked::after { position: relative; display: block; content: ''; -webkit-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #da3c41; } .cp_ipcheck .option-input02.radio { border-radius: 50%; } .cp_ipcheck .option-input02.radio::after { border-radius: 50%; } .cp_ipcheck label { line-height: 40px; display: block; } .cp_ipcheck .option-input02:disabled { cursor: not-allowed; background: #b8b7b7; } .cp_ipcheck .option-input02:disabled::before { font-size: 20px; line-height: 30px; position: absolute; display: inline-block; width: 30px; height: 30px; content: '✖︎'; text-align: center; } @charset "utf-8"; body { margin: 0px; padding: 0px; color: #FFF; /*全体の文字色*/ font-family:"sans-serif", sans-serif; /*フォント種類*/ font-size: 12px; /*文字サイズ*/ line-height: 2; /*行間*/ background: #323232; /*背景色*/ ```

	@@ -1 +1 @@
1	- Webページのサイズを小さくしたい。
1	+ Webページのサイズを大きくしたい。

質問編集履歴