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

标签 iphone css responsive-design screen-resolution

对于各种类型的屏幕分辨率和设备(台式机或移动设备),为您的网站选择合适的宽度有点困难。就我而言,该网站是为了展示摄影师的作品,所以我选择了这些宽度:

  • 1340px
  • 1180px
  • 1000px
  • 480px

但是假设 iPhone 4S(原始分辨率为 960 x 640)垂直放置,设备会显示什么包装器?它会将 1000 像素的包装器调整为 640 像素还是选择 480 像素?

最佳答案

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

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

关于iphone - 在响应式设计中选择合适的包装尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19711107/

相关文章:

iPhone - 应用内购买 : recording the purchase

javascript - 摆脱背景属性

iphone - iPhone 上的响应式网站 - 从横向到纵向旋转时不需要的空白

iphone - 编译 iPhone 应用程序时综合属性错误

iphone - iOS - UIViewcontroller 检测旋转?

javascript - 如何使我的图片库响应

html - 将背景颜色扩展到包装之外

twitter-bootstrap - 如何删除 Twitter Bootstrap 3 中的响应式功能?

iphone - 使用触摸屏进行游戏控制

javascript - 销毁 CSS Bootstrap 模态