[英]Page size changes when visualized in Dreamweaver and in Heroku
我开发了一系列网页,这些网页将组成一个依赖Heroku的数据库网站。 在Dreamweaver中进行编码时,由于Chrome中的Developer工具,我一直在监控页面的响应度。 一切都很好。
现在,我在localhost上使用相同的代码可视化同一页面。 页面大小完全不同,许多元素处于错误的位置。
我试图改变meta部分的初始比例。 但似乎没有任何改变。
我不知道代码是否需要,但这是页面的简化版本。
<!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属性的方法
body {
overflow-x:hidden;
max-width: 1440px;
}
任何建议都会有用,遗憾的是我没有足够的经验来解决这个问题。 所以,提前谢谢你!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.