我是相对较新的，已经建立了一些静态网页，但是还不是专家。如果在其他地方已经回答了这个问题，我深表歉意。我不确定会遇到什么错误，并且已经尝试寻找答案并且没有成功。如果已有答案，请给我指向另一个答案。
对于该项目，我正在为一个学校项目构建一个静态网站，并注意到html / css页面以不同的大小显示（几乎看起来好像有缩放效果）。通过检查器查看代码后，我注意到在index.html页面上，该页面的宽度为：1236px，其他页面的宽度为：1350px。不确定如何解决此问题。以下是github上代码的链接。再次抱歉，如果有更好的方法可以在此处上传代码，这是我在该论坛上的第一篇帖子。
https://github.com/teoherman/repice-site
预先感谢
答案 0 :(得分：1)
问题出在index.html中的fifth line上，或者其他页面上缺少{{3}}。始终具有一个指示视口信息的元标记是一个好主意。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
将此行添加到其他页面的开头。请注意，您可能希望在一个网站的不同页面上，<head>中的大多数元标记保持相同。最值得注意的是，这三个：
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
答案 1 :(得分：0)
刚开始时，我的大部分学校项目都使用Bootstrap。它有助于以不同的屏幕尺寸显示页面，并且您可以使用许多示例代码。希望对您有帮助。