对于所有类型的屏幕分辨率和设备 - 台式机或移动设备,很难为您的网站选择合适的宽度。就我而言,该网站是为了展示摄影师的作品,所以我选择了这些宽度:
- 1340像素
- 1180像素
- 1000像素
- 480像素
但是如果 iPhone 4S(原生分辨率为 960 x 640)是垂直放置的,那么设备会显示什么包装?它会将 1000px 包装器的大小调整为 640px 还是选择 480px?
对于所有类型的屏幕分辨率和设备 - 台式机或移动设备,很难为您的网站选择合适的宽度。就我而言,该网站是为了展示摄影师的作品,所以我选择了这些宽度:
但是如果 iPhone 4S(原生分辨率为 960 x 640)是垂直放置的,那么设备会显示什么包装?它会将 1000px 包装器的大小调整为 640px 还是选择 480px?
您需要从学习响应式设计的基础知识开始。退房:http ://www.abookapart.com/products/responsive-web-design
由于设备尺寸不断变化的性质,您可能希望避免尝试以特定设备/分辨率为目标。从一个狭窄的屏幕开始,然后展开您的窗口,直到布局中断。在那里添加一个断点。根据您的内容要求继续扩展和添加断点。