2013-04-21 32 views
0

我促進了我的網站用戶在他們的評論中發佈外部圖像。但一些圖片大小可能超過我網頁的大小。爲了將圖片保存在網頁邊界內,我在google上搜索並找到了一個名爲Image Resizer的工具,但它僅適用於Vbulletin論壇。我不想真的減少圖像的大小,我只是想要如果圖像大小的寬度超過網頁的寬度,那麼工具應該將其寬度設置爲我的具體給定的寬度和相應的高度。任何選擇?Image Resizer的任何替代方法可調整網頁內的圖像大小?

回答

0

感謝上帝rezise圖像。我找到了解決方案。解決方案非常簡單,但花了太多時間才找到它。

我剛剛改變了我的CSS一點,不需要使用任何第三方工具。

img 
{ 
    max-width:100%; 
    display:block; 
    border:none; 
} 

問題解決了。所有比網頁大的圖片都在網頁內,而較小的圖片則保持原樣。

0

嘗試在該圖片的CSS中設置'寬度:100%;身高:100%'。這個對我有用。

+0

如果圖片尺寸小於網頁會怎麼樣。假設我的網頁寬度爲1000px,圖像大小爲300px,那麼圖像將會變寬爲1000px,使用100%。我只想保留那些大於網頁大小的圖像。 – 2013-04-21 14:51:37

0

圖像踏歌您可以確定寬度和高度,這樣

<img src="http://www.hh4track.com/images/logo.png" width="100px" height="100px" /> 

或者你可以用這個類

http://kazymjir.com/blog/image-resizing-php-class/