熱點(diǎn)問題


推薦產(chǎn)品
- 300M國內(nèi)免備案空間
300M網(wǎng)站空間,送60M數(shù)據(jù)庫!
現(xiàn)價(jià)只要:22元/月 - 500M國內(nèi)免備案空間
500M網(wǎng)站空間,送100M數(shù)據(jù)庫!
現(xiàn)價(jià)只要:29元/月 - 1G國內(nèi)免備案空間
1G網(wǎng)站空間,送300M數(shù)據(jù)庫!
現(xiàn)價(jià)只要:39元/月 - 500M香港免備案空間
500M網(wǎng)站空間,送160M數(shù)據(jù)庫!
現(xiàn)價(jià)只要:26元/月 - 1G香港免備案空間
1G網(wǎng)站空間,送300M數(shù)據(jù)庫!
現(xiàn)價(jià)只要:36元/月 - 100M美國空間
100M網(wǎng)站空間,送30M數(shù)據(jù)庫!
現(xiàn)價(jià)只要:12.8元/月

CSS圖片大小自動(dòng)按比例等比例縮放不變形的方法
文章來源:51網(wǎng)絡(luò)科技 點(diǎn)擊數(shù): 更新時(shí)間:2016/3/18 7:50:13
購買國內(nèi)免備案空間 | 購買香港空間【不限iis】 | 寬屏網(wǎng)站制作【還送手機(jī)網(wǎng)站】 |
香港云主機(jī)/99元/月 | 國內(nèi)空間【免費(fèi)備案】 | 特價(jià)網(wǎng)站空間 |
.Net專用空間 | 網(wǎng)站快速排名 | 游戲空間【支持月付】 |
第一種方法:設(shè)置CSS寬度和CSS高度同時(shí)為300px和100px,里面放了一張圖片(圖片原始寬度650px為高度為406px)。并通過CSS固定死圖片寬度高度。再把圖片的css設(shè)置寬度和CSS高度同時(shí)為300px和100px。 這樣就需要你上傳的圖片也是這個(gè)比例才行。
第二種方法: 設(shè)置好固定高度,寬度自動(dòng)適應(yīng)。
div css解決IE6支持max-width
一般情況下只需要設(shè)置好寬度限制,比如這里只設(shè)置最大寬度為300px(max-width:300px),然后對(duì)父級(jí)使用overflow:hidden隱藏溢出圖片,同時(shí)為了兼容IE6我們?cè)O(shè)置個(gè)width:expression(this.width > 300 ? "300px" : this.width);或者h(yuǎn)eight:e-xpression(this.height>100?"100px":this.height);。 解決即可。
具體代碼:.mianbeian img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);}
這樣就可以使上傳的圖片不變形,兼容各大瀏覽器不變形,但圖片如果太大,可能不是完整顯示的。
國內(nèi)、香港、美國、全免備案hnscxh.com--51網(wǎng)絡(luò)科技,專業(yè)免備案空間提供商!
本文網(wǎng)址:http://hnscxh.com/question_4/383.html
標(biāo) 簽:ss圖片縮放css自動(dòng)適應(yīng)圖片圖片寬度自適應(yīng)html網(wǎng)站空間 美國asp.net空間 美國免備案net空間 美國Net空間 美國php網(wǎng)站空間 美國免備案php空間
相關(guān)文章- aspcms開啟https后顯示“禁止從外部提交
- 程序上傳好了但網(wǎng)站內(nèi)容顯示不了
- 外貿(mào)網(wǎng)站選擇什么樣的服務(wù)器會(huì)好點(diǎn)呢
- 租用香港主機(jī)空間建站好在哪?
- 織夢(mèng)多個(gè)欄目arclist調(diào)用副欄目不顯示的
- 如何設(shè)置一個(gè)安全的dedecms網(wǎng)站
- dede多條件聯(lián)動(dòng)多級(jí)-修改字段后失效如何
- css圖片大小自適應(yīng)高度并垂直對(duì)齊
- 網(wǎng)站做好之后如何在后臺(tái)上傳視頻文件?
- pageadmin后臺(tái)出現(xiàn):操作必須使用一個(gè)可