1
調整圖像大小，我使用THW如下因素代碼：與屏幕尺寸
<div data-role="homepage">
<div data-role="content">
<div id="selectCircle">
<img src="res/images/zive.png" alt="Zive.sk" id="ziveCircle"><br>
<img src="res/images/auto.png" alt="AutoMoto.sk" id="autoCircle">
<img src="res/images/mobil.png" alt="MobilMania.sk" id="mobilCircle">
</div>
<!-- <a href = "feeds.html" rel="external" data-role="button">index</a> -->
</div>
</div>
與如下因素CSS：
#selectCircle{
position:fixed;
top: 10%;
width: 100%;
text-align: center;
}
#mobilCircle{
position:absolute;
right: 50%;
}
#autoCircle{
position:absolute;
left: 50%;
}
一切看起來不錯的圖像時，可以有自己的全尺寸。但我希望他們調整屏幕尺寸。因此，當我縮小瀏覽器窗口或在手機上加載代碼（不會讓圖像以全尺寸顯示）時，圖像將調整大小以適應div並將其位置保持在div內。
PS：我試圖顯示div邊框，它看起來像有第一個圖像的高度，但我希望它也包括底部的兩個圖像。
編輯：下面是圖片鏈接：image1，image2，image3，這裏是我怎麼想的樣子image。
是當你使用塊，但不是圖像它的作品，我已經編輯我的問題，以便您可以查看和下載圖像，並查看最終結果的外觀。 – horin
我的答案依然存在。它只需要一點點擺弄百分比。研究[這個例子]（http://jsfiddle.net/crowjonah/rQgEN/2/），真的，接受我的建議，掌握位置，顯示和浮動的基本CSS屬性。這將使構建流暢和響應式佈局變得更容易。 – crowjonah
這個工程，但我必須設置最大寬度，因爲我不希望我的圖像大於其原始高度的100％。而且，如果我只是傳遞你的代碼，並在Firefox中打開它，那麼zive圖像是其他兩個圖像較小。我可以很容易地定位div內的iamges，但我需要一種方法來根據內容高度設置div尺寸，然後將整個div對齊屏幕中心，這是（如我所經歷的）不可能用float：left。奇怪的是，它看起來像是在你的小提琴中工作，但當我傳遞完全相同的代碼並在Firefox中打開時，它並不像它應該那樣工作。 – horin