PCのブラウザで表紙した時にはInput Submitボタンの文字(START)が真ん中に表示されるが、
iPhoneで見ると、右にずれる。STARTの文字が真ん中に表示されるようにしたい。
<html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style> .App { text-align: center; } .landing-section { display: flex; justify-content: center; align-items: center; flex-flow: column; min-height: 500px; height: 500px; } .landing-section form input { height: 60px; font-size: 30px; border-radius: 10px; } .landing-section form input.submit-button { color: white; height: 120px; width: 120px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-appearance: none; appearance: none; -webkit-appearance: none; -webkit-text-size-adjust: none; border: solid 1px pink; box-shadow: 3px 3px pink; transition: 0.2s; background-color: fuchsia; text-align: center; vertical-align: middle; } .landing-section form input.submit-button:hover { background-color: orange; } .landing-section form input.submit-button:active { transform: translateY(2px); } </style> </head> <body> <div class="App"> <div class="col-lg-12 col-md-12 col-12"> <div class="landing-section"> <div class="Typist "> <h1>TEST</h1> </div> <form> <div> <input name="Name" kl_vkbd_parsed="true"> </div> <div> <input class="submit-button" type="submit" value="START" kl_vkbd_parsed="true"> </div> </form> </div> </div> </div> </body> </html>
iPhoneでSTARTの表示を真ん中に表示させる方法を知りたいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/09/27 00:15
2020/09/27 00:16
2020/09/27 01:55