Html 页面宽度（针对所有设备调整大小）

我对

width

和

margin

的CSS有问题。我正在为所有设备（PC、智能手机和平板电脑）制作一个网页，使用HTML

和Px（非自动或%）作为CSS的单元

到目前为止，在调整窗口大小的过程中（浏览器PC），元素仍然停留在它们的位置（工作页面），但在移动设备（智能手机和平板电脑）上，结果看起来不同：

对此的任何评论或解决方案都会有所帮助，谢谢

---

更新代码：页面是这样构建的：所有设置为“自动”的类属性最初都是px格式的（例如：宽度：1024px；或左边距：150px；）

使用媒体查询，您可以这样做。 例如，您仅使用最小宽度为桌面计算机执行某些CSS

@media screen and (min-width: 800px) { /*The following CSS runs only for displays with a width (in pixels) of more than 800px*/
    body {
        background-color: lightblue;
    }
}

@media screen and (max-width: 800px) { /*The following CSS runs only for displays with a width (in pixels) of less than 800px*/
    body {
        background-color: yellow;
    }
}

另外，请参见此链接。

---

有了这一点，你可以得到想法

添加一些代码…我不是在搜索代码问题，它按它必须的方式工作。你需要知道的只是个问题。可能是因为一些代码问题，如果你没有发布一些代码，答案将是基于意见的检查

css媒体查询

，以及它们的顺序。这是我们能给你的唯一答案。我对网络非常了解，但你要求页面的全部代码，这是没有帮助的。正如您所看到的，我要求将规则应用于@media或其他的CSS，问题的开始和结束是在标记内容中，或者至少是在body的CSS属性中，所以我不会为此更新jsfiddle