HTML CSS 静态站点页面以不同大小显示
HTML CSS static site pages display at different sizes
我比较新，构建了一些静态网页但不是专家。如果这个问题在其他地方得到了回答，我深表歉意，我不确定我遇到的错误会被称为什么，并且已经尝试搜索答案但没有成功。如果这个问题的答案已经存在，请指出另一个答案。
对于这个项目，我正在为一个学校项目构建一个静态网站，并注意到 html/css 页面以不同的大小显示（几乎好像有缩放效果）。通过检查员查看代码后，我注意到在 index.html 页面上显示宽度为：1236px，而其他页面在同一视口中显示宽度为：1350px。不知道如何解决这个问题。下面是 link 到 github 上的代码。再次抱歉，如果有更好的方法可以在这里上传代码，这是我在这个论坛上的第一个 post。
https://github.com/teoherman/repice-site
提前致谢，
问题是您的 index.html 中的 fifth line，或者更确切地说，您的其他页面上缺少 fifth line。总是有一个指示视口信息的元标记是个好主意。
<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">
刚开始时，我的大部分学校项目都使用 Bootstrap。它有助于以不同的屏幕尺寸显示页面，并且有许多示例代码可供您使用。希望这对你有帮助。
我比较新，构建了一些静态网页但不是专家。如果这个问题在其他地方得到了回答，我深表歉意，我不确定我遇到的错误会被称为什么，并且已经尝试搜索答案但没有成功。如果这个问题的答案已经存在，请指出另一个答案。
对于这个项目，我正在为一个学校项目构建一个静态网站，并注意到 html/css 页面以不同的大小显示（几乎好像有缩放效果）。通过检查员查看代码后，我注意到在 index.html 页面上显示宽度为：1236px，而其他页面在同一视口中显示宽度为：1350px。不知道如何解决这个问题。下面是 link 到 github 上的代码。再次抱歉，如果有更好的方法可以在这里上传代码，这是我在这个论坛上的第一个 post。
https://github.com/teoherman/repice-site
提前致谢，
问题是您的 index.html 中的 fifth line，或者更确切地说，您的其他页面上缺少 fifth line。总是有一个指示视口信息的元标记是个好主意。
<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">
刚开始时，我的大部分学校项目都使用 Bootstrap。它有助于以不同的屏幕尺寸显示页面，并且有许多示例代码可供您使用。希望这对你有帮助。