html - CSS 布局随分辨率变化

Question

我正在为广播电台设计一个聊天页面，我正在 32 英寸屏幕上处理 1360X768 分辨率。

当我要求 friend 检查页面布局时，他们会觉得页面布局很乱，或者元素在屏幕上变小，页面不会保持一致。

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

The web page in question

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

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

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

有什么想法吗？

Answer 1

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

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