0

我有一个我正在浏览的照片网站，但我对浏览器窗口的反应性大小有疑问。这些图像在 100% 时看起来很棒，但是当我缩小窗口大小时，风景图像开始调整大小，我知道它们正在缩小大小以满足浏览器窗口的宽度。

然而，当我变得非常小时，为了模仿智能手机，我真的希望这些图像堆叠起来，因为这对于肖像图像更有意义。所以这个想法是在浏览器很小的时候从左到右然后从上到下。我对 css 有点生疏，我不记得如何完成这项工作。有人可以帮助一个 brutha 并指出我正确的方向，这样我就可以开始了吗？我通过我的 WP 覆盖选项来做这一切，所以我应该只使用 css 的方法是最好的，因为我是一个更复杂的东西。

网站在这里：http: //jadanduffinphotography.com/

谢谢！-贾丹

4

2 回答 2

0

我建议你做的是：

  • 编写 css 来制作图像float: left;并position: relative;在容器内div

  • 检测浏览器窗口的方向

  • 根据方向，设置容器div的宽度

这应该使图像在可能的情况下水平显示，并在没有时使它们垂直堆叠。

你也应该看看这个。

于 2013-04-25T08:41:15.660 回答
0

这很好。不知道响应式布局真正困扰您的是什么，但到目前为止，您的网站运行良好。

如果您仍然不希望在较小的设备上调整大小/布局，请在行之间删除/编辑#7201-#7509在此文件上http://jadanduffinphotography.com/wp-content/themes/heat/style.css

于 2013-04-25T08:44:00.957 回答