Question

对于一个学校项目我必须建立一个关于我自己的网页，网页是荷兰语，它没有完成，但我做了很多网页几乎完成，唯一的问题是，当我最小化我的页面的一切（文字，照片，div，横幅等..）将在另一个地方进行其他测量。 专家是否可以观察和控制/纠正我的错误，以便最终结束我的网站？ 或者你能解释一下为什么会这样吗？ 我将我的网站附在一个zip文件夹中。 Here: http://www.filedropper.com/site_5 提前致谢。 PS：这不是我的真实网站，而是副本。在文件夹中，您可以找到照片，样式表和html代码。

Answer 1

使用Normalize或Reset css之类的东西，因为它在IE / webkit / FF上看起来不同
你需要使用媒体查询（网上有很多很好的教程），你不需要使用其中很多，只有基本的断点，所以你安排的内容不适合
您无法使用边距来定义主要内容区域，这就是为什么您的左/右边距400px会导致内容区域缩小的原因。使用宽度为1120px的内容（在FullHD屏幕上，使用较小分辨率的媒体查询）并给它margin: 0 auto; - 它会将其与身体中心对齐
当您在按钮上使用调整大小效果时，请确保您使用更大的值，因此调整大小后按钮不会移动其他元素（您也可以找到相应的教程）

Answer 2

我在网站上真正看到的是，当我缩小窗口时，按钮移动的行也不同。

您可以将页面包装在表格中;

    <!DOCTYPE HTML>
<HTML>
    <HEAD>
    </HEAD>
    <BODY>
<table width="80%" align="center">
<tr>
<div id="welkomachtergrond"></div>
</tr>
<tr>
        <div id="welkomtext" align="center">
            WELKOM
        </div>
</tr>
<tr>
        <div id="welkomtext2">
            <center>BY</center>
            <p><center>Federico xxx</center></p>
        </div>
</tr>
<tr colspan="4">
        <td><a ID="GhostButton" href="OverMij.html">Overmij</a></td>
        <td><a ID="GhostButton1" href="Foto.html">Foto's</a></td>
        <td><a ID="GhostButton2" href="Video.html">Video's</a></td>
        <td><a ID="GhostButton3" href="Contact.html">Contact</a></td>
</tr>
    </BODY>
</HTML>

当我最小化我的网页时，一切都搞砸了

2 个答案: