我最近开始介入响应式设计。我使用http://responsivepx.com/来测试我的设计在每个屏幕分辨率上的外观。我有一部手机(galaxy prime core)根据site它的480X800屏幕分辨率。问题是,我尝试在(min-width = 480)px上设置断点但我的手机没有响应该断点。经过进一步测试,手机响应断点,当我设置(min-width = 320px)它没有响应我设置它(最小宽度:321px)所以我认为我的手机的实际宽度是320像素... 我的问题是:这是什么意思,有没有办法计算它或只是宽度 - 160?
答案 0 :(得分:1)
设备宽度(浏览器看到的值以及您在媒体查询中使用的值)不是"width - 160"
,而是"physical width / device pixel density"
。您的手机 150%,因此为480 / 1.5 = 320
。
为了更好地了解手机的常见屏幕分辨率,我建议http://screensiz.es/phone。
答案 1 :(得分:0)
我认为你可以找到互联网上最常见的设备列表。我不认为你可以为所有的手机(有成千上万)做到这一点,但很多分辨率是相同的。这是一个包含一些信息的网站(西班牙文):https://norfipc.com/celulares/medidas-pantalla-resolucion-telefonos-celulares-tabletas.html
这是与其他人的照片:http://www.destacaimagen.com/wp-content/uploads/responsive-web-design-chart1.jpg