Я разработал серию веб-страниц, которые составят сайт, основанный на Heroku для базы данных.Во время написания кода в Dreamweaver я продолжал следить за отзывчивостью страницы благодаря инструменту разработчика в Chrome.И все было хорошо.
Теперь я визуализирую ту же страницу с тем же кодом на localhost.Размер страницы совершенно другой, и многие элементы находятся в неправильном положении.
Я попытался изменить начальный масштаб в мета-разделе.Но, похоже, ничего не меняется.
Я не знаю, нужен ли код или нет, но это упрощенная версия страницы.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Shipping</title>
<link href="/assets/css/shipping_1440px.css" rel="stylesheet">
<link rel="stylesheet" media="screen and (max-width: 768px)"
href="/assets/css/shipping_768px.css" />
<link rel="stylesheet" media="screen and (max-width: 400px)"
href="/assets/css/shipping_400px.css" />
</head>
<body>
<section id="uk_delivery">
<h4 class="section_title" id="uk_delivery_title">
UK delivery options
</h4>
<div id="uk_container">
<div class="uk_options">
<h6 class="uk_request">
I want the book to be delivered at my house
</h6>
<h6>
In this case you have three options:
</h6>
<h6>
• Free delivery (only if you spend more than 15 £)
<br>
You will get the book within a week
</h6>
<h6>
• Gold delivery (3.70 £)
<br>
You will get the book 2-3 days after the purchase
</h6>
<h6>
• Platinum delivery (5.60 £)
<br>
You will get the book the day after the purchase
</h6>
</div>
<div class="uk_options">
<h6 class="uk_request">
I want to pick up the book at my local Bookaholic store
</h6>
<h6>
In this case you have three options:
</h6>
<h6>
• Pay online and collect in store
</h6>
<h6>
• Select online and pay and collect in store
</h6>
</div>
</div>
</section>
Этокак я устанавливаю свойства тела в каждом файле CSS
body {
overflow-x:hidden;
max-width: 1440px;
}
Любой совет был бы полезен, к сожалению, у меня недостаточно опыта, чтобы справиться с этой проблемой.Так что заранее спасибо!