3种不同类型屏幕的响应式图像:这是一个好的设计吗? (pic里面)

时间:2015-10-15 09:29:52

标签: jquery html css mobile responsive-design

array out of boundary exception

上图是我投资组合网站的线框布局。 导航栏位于底部,而2个图像填充剩余的屏幕。 左图和右图将包含在他们自己的DIV中(类似左图DIV宽度设置为65%,右图设置为35%)

基于此,我想我需要准备3套不同的图像,一套用于大屏幕,一套用于移动肖像,一套用于移动风景?

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

任何建议都会受到欢迎! TKS!

1 个答案:

答案 0 :(得分:1)

我不会这样.. 你必须记住,也许用户使用横向模式,因为他希望看到更大的东西。根据你的设计,他不会看到更多。 我会坚持使用iPhone的设计让图像互相让对。