Media query about screen size instead of resolution
问题 Is there a workaround to use physical screen width in CSS media queries? Today, there are phones which exceed the resolution of desktop monitors. However, phones should still display the mobile layout and desktops the standard layout. So I can't rely on pixel based queries like the example below. Instead, I need either a physical measurement, or one about the pixel density. @media screen and (min-width: 700px) { } Since I haven't found such measurements through my research, they might not