在小浏览器窗口上水平显示图像
我有这个照片网站，我正在讨论，我有一个与浏览器窗口的被动大小的问题。这些图像看起来非常好，但是当我缩小窗口大小时，风景图像开始调整大小，我知道它们的大小正在缩小以适应浏览器窗口的宽度。在小浏览器窗口上水平显示图像
然而，当我变得非常小，模仿智能手机，我真的希望这些图像堆叠，因为这对于肖像图像更有意义。因此，当浏览器很小时，想法是从左到右，然后从上到下。林有点生锈的CSS，我不记得如何做到这一点。有人可以帮助一个brutha出来，并指出我在正确的方向，所以我可以得到这个呢？我一直通过我的WP覆盖选项来做这件事，所以我应该遵循的只是css的方法将是最好的，因为我想要更复杂的东西。
该网站是在这里：http://jadanduffinphotography.com/
谢谢！ -Jadan
我建议你做的是：
写CSS，使图像
float: left;和position: relative;容器div内检测浏览器窗口的方向
根据方向，设置容器的宽度div
这应该使图像在可能的情况下水平显示，并在不可能时垂直堆叠。
你应该看看this太可能了。
谢谢你Joum！这正是我需要的。我会尽量在明天探讨你的建议。 – 2013-04-26 07:11:09
我必须告诉你，我没有看你的网站就提出这个建议。我现在看到了，我不确定这个建议是否会产生你想要的结果。让我知道如果没有，我会尽力帮助你。 此外，我看到您的网站在Nexus 7设备上，无论是横向模式还是纵向模式，并且呈现效果都很好。它总是滚动左边的图像，而不是上下（当以纵向方向）时，我认为你可能想要，对吧？ – Joum 2013-04-26 07:22:00
这是正确的，在智能手机上上下。我会试着玩你的建议，并会让你知道它是怎么回事，如果我可以找到合适的div引起这个 – 2013-04-26 07:27:21
这很好。不知道使用响应式布局会给您带来什么困扰，但到目前为止您的网站效果很好。
如果你还不想较小的设备上调整大小/布局不删除/编辑线之间#7201 - #7509在这个文件http://jadanduffinphotography.com/wp-content/themes/heat/style.css
谢谢你Sonu Joshi。它不是我想要失去快速响应的质量，我喜欢它！问题是，如果在iPhone上查看，图像将堆叠在彼此的顶部，这是我想要的智能手机观看者，但在iPad和桌面浏览器上，我需要水平UX。因此，也许我需要重新设计一些小设备的CSS，并更好地强制堆叠。现在它疯狂奔跑！ – 2013-04-26 07:14:43
发布您的代码在这里 – 2013-04-25 08:46:18
难道你会这么好心包括（更多）的代码，所以我们可以帮助你达到110％？ – Lobato 2013-04-25 08:48:33
样式表位于： http://jadanduffinphotography.com/wp-content/themes/heat/style.css 如果我知道是什么原因导致它，我会添加具体问题：/ 如果你对问题的出处有什么建议，我很感激。我在下面给Sonu Joshi写了更多关于Im试图解决的问题。我已经上传了一个JPEG解释我的问题在这里： http://www.jadanduffinphotography.com/site_device_diffs_jadanduffinphotographydotcom.jpeg – 2013-04-26 07:19:18