html - CSS 布局随分辨率变化

Question

我正在为广播电台设计一个聊天页面，我正在 32 英寸屏幕上使用 1360X768 Res'。

当我让朋友检查页面布局时，他们会变得混乱或元素在屏幕上变小，页面不会保持一致。

如果可能的话，我想知道是否有一个固定设置我需要插入到 CSS 中的“body”中，这样​​就不会发生这样的事情，当我在我的屏幕中移动一个元素时，它会在其他分辨率/屏幕上保持不变.

有问题的网页

• 警告：页面中有自动播放音乐。

此外，如果可以询问 2 个不同但相关的事情。我想将底部的滚动统计数据添加到底部播放器..就在它说“正在播放”的地方。

但是我尝试的一切都不会让它在它之上..z-index 不会有帮助。

有什么想法吗？

Answer 1

• 你犯的第一个错误是你在设计一个特定的分辨率。
• 您犯的第二个错误是您设计的分辨率远高于最常用的 1024x768。

看看MediaQueries。它们使您可以构建一个流畅的网站，该网站在给定的分辨率下会发生巨大的变化。