Поэтому я пытаюсь разработать простой мобильный веб-сайт. Он перейдет с QR-кода на страницу, ссылку на которую приведена ниже. Проблема в том, что когда я смотрю на свой телефон Android или Apple Phone, он добавляет огромную ширину. Любые предложения будут великолепны. Вот ссылка на живую версию: http://www.trileafweb.com/promotion/index.html
Вот HTML / CSS
Promotion
<style>
html,body
{
width: 400px;
height: 200px;
}
h1{color:#00a94f;
text-align:center;}
p{
font-weight:bold;
font-size: 14;
text-align:center;
font-family:Arial;}
img{
position:relative;
height:100px;
width:200px;
padding-left:100px;}
#coupon{
padding-top:15px;
position:relative;
border: 3px dashed;
width: 400px;
height:200px;
border-radius:5px;}
</style>
</head>
<body>
<div id="coupon">
<h1>Promotion</h1>
<p>Promotion Texts</p>
<p>Coupon Code: <span style="color:red; font-size:24;">xxx-xxx</span></p>
</div>
</body>