关于响应式设计的移动断点

时间:2013-10-10 13:08:06

标签: mobile web responsive-design

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

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

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

现在问题是在我去开发供应商之前,我想要一些人来帮助我理解那些设备-W在外行中的含义,以确保我没有做出任何错误的决定。

1 个答案:

答案 0 :(得分:0)

link可以帮到你。

  

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