繁体   English   中英

在Dreamweaver和Heroku中可视化时,页面大小会更改

[英]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>
         &#8226; Free delivery (only if you spend more than 15 £)
     <br>
         You will get the book within a week
     </h6>

    <h6>
         &#8226; Gold delivery (3.70 £)
     <br>
         You will get the book 2-3 days after the purchase
     </h6>

    <h6>
         &#8226; 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>
         &#8226; Pay online and collect in store
    </h6>   

    <h6>
         &#8226; Select online and pay and collect in store
    </h6>   

    </div>      

     </div>


</section>

这是我在每个CSS文件中设置body属性的方法

    body {
    overflow-x:hidden;
    max-width: 1440px;
    }

这是我在Dreamweaver中看到的

这是我在localhost上看到的

任何建议都会有用,遗憾的是我没有足够的经验来解决这个问题。 所以,提前谢谢你!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM