與響應式圖像％

我有一個導航和section-top框是88%高（無px值）。我怎樣才能使我的圖像響應？當我在手機上查看網站時，圖像只有一半，我希望它和頁面一樣高。與響應式圖像％

#views_slideshow_cycle_teaser_section_home_view-block .views-field-field-home-image img{ 
    width:100%; 
    height:100%; 
    margin-top:-50px; 
} 
#section-top{ 
    position:absolute; 
    overflow:hidden; 
    height:88%; 
    width:100%; 
}

HTML

<div id="section-top"> 
    <div id="featured"> 
     <?php print render($page['featured']);?> 
    </div> 
</div>

我與height:88%工作的原因是因爲當我設置一個像素值，那麼它不會涵蓋在更大分辨率的頁面。

Website

來源

2014-12-13 Greg

您可以將width:100;和height:100%應用於圖像，儘管這會破壞圖像的寬高比。對於圖像填補了最大高度不破壞縱橫比，你可以做這樣的事情：

width:auto; 
height:100%; 
max-width:100%; 
*zoom:1;

來源

2014-12-13 13:52:48 Nojan

嘗試使用DIV與背景圖像代替IMG或刪除一個固定的寬度和IMG的高度。

來源

2014-12-13 13:49:08 Mardzis

圖像上傳與CMS系統，所以不能設置它作爲背景 – Greg 2014-12-13 13:50:52

''中的百分比而不是固定值？ – Mardzis 2014-12-13 13:54:16

#views_slideshow_cycle_div_home_view-block_0{ 
width:100% 
}

和

views_slideshow_cycle_div_home_view-block_2{ 
width:100% 
}

來源

2014-12-13 14:00:04 Joci93

與響應式圖像％

回答

相關問題