CSS - 如何为特定分辨率编码

Question

我正在为 1920x1080 触摸屏设计 html/css 界面。它将永远是那个决议，永远不会改变。我应该将宽度和高度设置为那些尺寸并从那里编码，还是应该以我所处的任何尺寸分辨率编码百分比，然后让它适应更大的屏幕？我正在寻找障碍最少的解决方案。

Answer 1

永远不要假设任何事情都将始终具有相同的分辨率。无论您现在正在编写什么代码，都会有下一代设备，而且它们会有所不同。因此，除非您的元素生命周期很短(可能是一个临时网站)，否则我的建议是按照当前标准进行编码。此外，根据我的经验，以 em 和百分比编码通常比以元素的单个像素编码更快。如果您的触摸屏是 1920x1080，并且您将主体宽度设置为 100%，那么该值与将主体宽度设置为 1920px 在功能上没有区别。但是，使用百分比方法，您可以在设备分辨率或浏览器行为发生变化时保持更大的灵 active 。