3 种不同类型屏幕的响应式图像：这是一个好的设计吗？ （内图）[关闭]

Question

上图是我的投资组合网站的线框布局。 导航栏位于底部，而 2 个图像填满了剩余的屏幕。 左右图片将包含在自己的DIV中（例如左图DIV宽度设置为65％，右图设置为35％）

基于此，我想我需要准备 3 组不同的图像，一组用于大屏，一组用于移动竖屏，一组用于移动横屏？

起初我以为只有 2 套就足够了，因为大屏幕和移动横向可以共享图像，但后来，一些移动横向视图（取决于设备）具有非常宽的宽度和短的高度比，所以图像看起来不会那么好。

非常欢迎任何建议！ 谢了！

Answer 1

我不会走这条路.. 您必须记住，用户使用横向模式可能是因为他想看到更大的东西。有了你的设计，他不会看到更多。 我会坚持 iphone 的设计，让图像在彼此之下。