我设计了一个网站。当我在不同分辨率的不同电脑上打开最终网站时，我的网页与我设计的不同。内容不在正文位置。
谁能解释原因？ 有什么解决办法吗？
【问题讨论】：
px 用于容器或布局。使用百分比宽度，并让内容决定高度。
这是许多开发人员面临的问题。
问题在于，如果您使用 px 来控制所有 div 的位置，我的屏幕（如果您调整窗口大小，甚至是您的屏幕）会使页面看起来不同。
我建议你了解一下 CSS 以及如何使用它（包括使用像素以外的单位）。
知道何时使用auto、%、px 以及您需要知道的其他事项非常方便，以使您的网站在尽可能多的设备上看起来相同。
W3 有一个很好的Responsive Web Design - Introduction，您可能想查看一下。
最终它会教你什么是响应式设计：
当您使用 CSS 和 HTML 来调整、隐藏、缩小、放大或移动内容以使其在任何屏幕上看起来都不错时，称为响应式网页设计。
介绍涵盖的主题包括：
简介
视口
网格视图
媒体查询
图片
视频
框架
祝你好运！希望你的项目顺利！
【讨论】：
使用px单位，这样它就不会改变图像的大小，并在head标签之前添加以下代码body标签：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
【讨论】：