在.ssp頁面上在css中調整圖片的大小

如何通過CSS將圖片放在較小的頁面上來製作較大的圖片？在.ssp頁面上在css中調整圖片的大小

我已經嘗試了不同的高度，寬度，大小等等關鍵字，但似乎沒有任何工作。雖然可以移動圖像但可能無法弄清楚如何縮小圖像。圖片保存在我的項目中（不是來自網址）。

HTML：

<div id="AUlogo"> 
    <img src="aarhus-university.png"> 
</div>

CSS：

#AUlogo{ 
    margin-left: 23%; 
}

希望我的問題是清楚的！

後相關規範的屬性值中的任何一個或演示更好.. –

這是從哪裏名.jsp鏈接到圖像。

這是我到目前爲止在CSS中的代碼（我已經刪除了我的失敗代碼）。 #AUlogo { \t margin-left：23％; } @Amit –

嘗試這樣的：Demo

#AUlogo img { 
    max-width:100px; 
}

指定最大寬度值，因爲你需要..希望這會有所幫助！

2015-04-27 12:48:45

thnx回答，但它似乎並沒有工作。唯一能做出任何改變的是：'max-height：50px; max-width：50px;'但這隻會影響我的頁腳，它會在px數量後移動。 –

嘗試使用

max-width: 90%;

和

max-height: 90%;

應該工作，當你做只是高度你更改寬度，反之亦然，因爲如果你不使用相同的比例改變IMG它可能搞砸了，所以試試

height: 55px; 
width: auto;

2015-04-27 13:05:31

thnx回答，但它似乎並沒有工作。唯一可以做出改變的是： 'max-height：50px; max-width：50px;' 但這隻會影響我的頁腳，它會在px之後移動。 –

這很奇怪，我不知道爲什麼很好運 –

簡單的方法是使用CSS調整大小屬性

#AUlogo { 
resize: both; 
overflow: auto;

}

調整大小的屬性，你可以使用不同的值一樣

調整大小：兩者水平，垂直，最初的;

您可以調整圖片的大小

2015-04-27 13:09:27 Raj

感謝拉吉，但這似乎並不奏效。我已經嘗試了以上建議。也許我做錯了。我試過了：'horizontal：50px;垂直：50px;'一起，一個人。與初始相同。任何想法爲什麼這是一個麻煩？ –

您的映像是以/ WEB-INF/jsp下的此路徑格式存儲的。 – Raj

對不起，我不太瞭解這個問題（我是編碼方面的新手）。但該圖像與jsp文件和css文件存儲在相同的文件夾中。爲了讓自己清楚 - 我需要縮小更大的圖像。希望你有其他想法！ –

回答