我有這個照片網站，我正在討論，我有一個與瀏覽器窗口的被動大小的問題。這些圖像看起來非常好，但是當我縮小窗口大小時，風景圖像開始調整大小，我知道它們的大小正在縮小以適應瀏覽器窗口的寬度。在小瀏覽器窗口上水平顯示圖像
然而，當我變得非常小，模仿智能手機，我真的希望這些圖像堆疊，因爲這對於肖像圖像更有意義。因此，當瀏覽器很小時，想法是從左到右，然後從上到下。林有點生鏽的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