2015-11-26 31 views
1

我在構建一個響應式網站,並將其設計爲適合桌面視圖。多重高度和寬度的媒體查詢

我目前正在爲響應式斷點/媒體查詢進行調整。

這裏,我想對指導問題:

從我的理解,我見過的人只使用寬度爲自己的破發點。在這種情況下,我做了同樣的事情,並在所有寬度折點上使它看起來不錯。

但是,我碰巧使用谷歌Chrome開發者工具進行測試,並開始選擇特定的設備(iPhone 5,iPhone 6,iPhone 6加,iPad等)

而且發現了一些令人擔憂的,這是元素在頂部和底部垂直地被推離屏幕,因爲這些設備中的每一個不僅具有不同的寬度,而且還具有高度。

因此,我的完美主義者正在考慮爲每個主要設備設置媒體高度和寬度查詢,但我意識到這項工作雖然可以完成,但可能效率並不高,而且我還沒有看到其他教程這樣做。

我的具體問題是:如果有一種更有效的方式來開發響應式網站而不使用元素,請垂直屏幕。

加信息:我有一個包含一個img,然後下方的H1,然後自舉行與COL-SM-6

的IMG寬度在PX一個div(I試驗了VH/VW和%,但是,似乎使其更難以控制,當它縮放)

+0

a72,這個問題已經在這裏回答.. http://stackoverflow.com/questions/11404744/media-queries-max-width-or-max-height –

+0

閱讀這個問題和答案,你會發現解決方案你正在尋找。 –

+0

@leroideion Leo,感謝您的評論,但我擁有的問題不是「你能做到這一點」嗎?我的問題是「我應該這樣做」。僅僅因爲我能做點什麼,並不意味着我應該這樣做。 – a72

回答

-3

你不能爲設備高度媒體查詢,您可以設置身高只有, 不要在谷歌Chrome開發者工具僅依賴,因爲有時將不會以適當的方式響應,因此您必須在實際設備中測試麪糊視圖。

+0

很抱歉評論,但這應該是評論而不是回答。謝謝 –

+0

你需要指導,所以如果不需要那麼沒問題,謝謝 –

+2

很抱歉,但如果你沒有適當的知識,那麼不要發佈如此低質量的答案,因爲我們可以設置媒體quies爲height.please檢查我的評論。 thanx –