2014-06-05 22 views
0

我有我的應用程序3個媒體查詢斷點什麼尺寸的圖像是理想的iPad和iPhone,肖像畫和風景畫

  1. (最小寬度:1,024)//用於臺式機
  2. (最大寬度:1023px)和(方向:縱向)//用於移動人像
  3. (最大寬度:1023px)和(方向:橫向)//用於移動 景觀

基於斷點我將會改變圖像的來源對應的設備和方向

圖像的寬度和高度爲346x251桌面設備。

現在我需要爲移動肖像和風景切片圖像。什麼尺寸將是理想的移動肖像和移動景觀

任何幫助將不勝感激。

+1

我認爲你不應該改變圖像的來源,它會很好如果你調整它們使用background-size:cover; – Tushar

+0

@Tushar我需要根據方向和設備加載三個不同的圖像,所以我不得不改變源代碼 – Rajasekar

回答

1

對我來說簡短的答案是:無論大小在其他佈局的情況下工作。

我通常在類似情況下做的事情是從最小的屏幕/瀏覽器大小開始,嘗試佈局,然後逐漸增加視圖的大小(在瀏覽器中),直到它看起來像垃圾,然後我在最小寬度與媒體查詢。

我發現通過使任何視口尺寸看起來很好,而不僅僅是基於當今產品的最常見尺寸,「佈局未來」更好。