gpt4 book ai didi

HTML CSS 静态站点页面以不同大小显示

转载 作者:行者123 更新时间:2023-11-28 14:41:39 25 4
gpt4 key购买 nike

我比较新,构建了一些静态网页但不是专家。如果这个问题在其他地方得到了回答,我深表歉意,我不确定我遇到的错误会被称为什么,并且已经尝试搜索答案但没有成功。如果这个问题的答案已经存在,请指出另一个答案。

对于这个元素,我正在为一个学校元素构建一个静态网站,并注意到 html/css 页面以不同的大小显示(几乎好像有缩放效果)。通过检查器查看代码后,我注意到在 index.html 页面上显示的宽度为:1236px,而其他页面在同一视口(viewport)中显示的宽度为:1350px。不知道如何解决这个问题。下面是github上代码的链接。再次抱歉,如果有更好的方法可以在这里上传代码,这是我在这个论坛上的第一篇帖子。

https://github.com/teoherman/repice-site

提前致谢

最佳答案

问题是 fifth line在您的 index.html 中,或者更确切地说,在您的其他页面上缺少它。始终有一个指示视口(viewport)信息的元标记是个好主意。

<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">

关于HTML CSS 静态站点页面以不同大小显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52853408/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com