4k手机分辨率会影响依赖像素宽度的响应式CSS吗？

Question

4k手机仍然是市场上的新手机，但我认为技术变得更加普及只是时间问题。在设计响应式网站时，我应该担心吗？

我是否应该使用其他措施，以避免将来出现问题，或者我的担忧是否毫无根据？

Answer 1

简短的回答：你的担忧可能没有根据。

更长的答案：我不知道大约4k手机的确切规格，但现在智能手机的解析CSS分辨率在很多情况下远低于物理分辨率。 （见this thread about device pixel ratio）。 4k手机的设备像素比率要高得多。因此，如果您的响应式网站可以在iphone 5或6等设备上运行，那么它们也可能在4k手机上运行良好。

那就是说，至少在某种程度上是未来的证明，我建议遵循最佳实践。一些例子：

• 使用EMs for media-queries获得最佳的跨浏览器一致性
• 尽可能使用（内联）SVG而不是像素图形，因此图形在具有高像素比的设备上保持清晰。
• 工作mobile first和set your breakpoints where they make logical sense，而不是针对特定设备

Answer 2

您应该使用 % 而不是 px ，并使用 em font-size