0

不是移动设计人员,但必须与我的一些供应商合作,他们正在为我的公司制作移动网站。

他们提供的视觉设计图像有 3 个断点。基本上是说明网站将如何查找 320px、600px 和 768px 以上的行。

现在,当我问我的供应商哪个会出现在纵向分辨率为 640 的 iphone 4 时,他说它将显示 320 个断点。他向我展示了以下网站,其中有一个名为 Device-W 的列,他说应该在网站开发期间使用该列。 http://screensiz.es/电话

现在的事情是,在我去找开发供应商之前,我希望有人能帮助我理解外行术语中的 Device-W 是什么,这样我肯定不会做出任何错误的决定。

4

1 回答 1

0

这个链接应该可以帮助你。

device-width 是指设备本身的宽度,也就是设备的屏幕分辨率。大多数手机的设备宽度为 480 像素或更低,包括流行的 iPhone 4(设备宽度:320 像素),尽管它在技术上具有 640 x 960 分辨率。这是由于 iPhone 4 的视网膜显示屏,它将两个设备像素塞进屏幕上的每个 CSS 像素中。Ipad 3 也是如此。尽管它的实际屏幕分辨率是 1536 像素 x 2048 像素,但它报告的设备宽度就像它的前辈一样是 768 像素。一般来说,在创建响应式网页时,宽度更加通用,尽管当您希望专门针对移动设备(而不是具有小浏览器窗口的桌面)时,设备宽度很有用,

于 2013-10-10T15:20:15.613 回答