Html 不同pc中的网站解决方案问题

我设计了一个网站。当我在不同分辨率的电脑上打开最终的网站时，我的网页和我设计的不一样。内容物不在身体位置

谁能解释一下原因吗？

---

有什么解决方案吗？

这是许多开发人员面临的问题

问题是，如果使用px控制所有div的位置，那么如果调整窗口大小，我的屏幕甚至你的屏幕都会使页面看起来不同

我建议您学习一些CSS以及如何使用它，包括使用像素以外的单位

知道何时使用auto、%、px和其他您需要知道的东西可以让您的webiste在尽可能多的设备上看起来相同，这非常方便

W3有一个很好的例子，你可能想看看

最终，它教会您什么是响应性设计：

当您使用CSS和HTML调整、隐藏、缩小、放大或移动内容以使其在任何屏幕上看起来都很好时，它被称为响应式web设计

导言涵盖的主题包括：

介绍

视区

网格视图

媒体查询

图像

录像带

框架

祝你好运！希望你的项目进展顺利

使用px单位，使其不会改变图像的大小，并在主体标签之前向头部标签添加以下代码：

---

你可以使用css媒体查询，了解这一点：重构你的HTML，css与引导：永远不要使用px的容器或布局。使用百分比宽度，并让内容确定高度。

<meta name="viewport" content="width=device-width, initial-scale=1.0">