CSS布局随分辨率而变化

Question

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

当我要求朋友检查页面布局时，它们会变得混乱，或者屏幕上的元素变小，页面也不会保持一致。

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

The web page in question

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

另外，如果可以问2个不同的东西，但相关。 我想将底部的滚动统计数据添加到底部播放器中，然后将其显示为“正在播放”。

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

有什么想法吗？

Answer 1

• 你犯的第一个错误是你正在设计一个特定的 解析度。
• 你犯的第二个错误是决议 你的设计是在最常用的1024x768之上。

看看MediaQueries。它们允许您构建一个在给定分辨率下急剧变化的流畅网站。