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

Question

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

Answer 1

永远不要认为任何事情总是会有相同的分辨率。无论你现在编写什么，都会有下一代设备，它们会有所不同。因此，除非您的项目的生命周期很短（可能是临时网站），否则我的建议是编写当前标准。此外，根据我的经验，ems和百分比编码通常比在项目的单个像素中编码更快。如果您的触摸屏是1920x1080，并且您将机身宽度设置为100％，则该值在功能上没有差异，并且将机身宽度设置为1920px。但是，使用百分比方法，如果设备解析或浏览器行为发生变化，您将保持更大的灵活性。

Answer 2

您已将最佳解决方案（至少对我而言）描述为百分比值的使用。

因此，如果您使用百分比值，则代码将在任何屏幕大小中处理其内容的大小。但您可能想要使用它：

@media only screen and (max-width: 1900) {
   // css properties here..
}

但媒体查询将占用大量代码行，以使网站能够自我渲染。这就是为什么使用%是我的偏好。