在响应式设计中选择合适的包装尺寸

时间:2013-10-31 15:51:24

标签: iphone css responsive-design screen-resolution

对于所有类型的屏幕分辨率和设备 - 桌面或移动设备,很难为您的网站选择合适的宽度。就我而言,该网站将展示摄影师的作品,所以我选择了这些宽度:

  • 1340px
  • 1180px
  • 1000像素
  • 480像素

但是说iphone 4S(原生res是960 x 640)是垂直放置的,设备会显示什么包装?它会将1000px包装器调整为640px还是选择480px?

1 个答案:

答案 0 :(得分:1)

您首先要学习响应式设计的基础知识。查看:http://www.abookapart.com/products/responsive-web-design

由于设备尺寸不断变化,您可能希望避免尝试定位特定设备/分辨率。从狭窄的屏幕开始并展开窗口,直到布局中断。在那里添加一个断点。根据您的内容要求继续扩展和添加断点。