女性私人爽爽影院免费观看国产_国产日韩精品在线一区_91短视频版在线_亚洲av成人无码天堂_国产乱伦精品一区_成年美女黄网站色奶头大全_在线看片福利无码等最新內容_成人a毛片久久免费播放国语_日本免费高清视频_午夜亚洲在在线观看

網(wǎng)易出品    必出精品
0510-881001984007-999-163
客服熱線400-710-6678
×

我要網(wǎng)站建設(shè)介紹PPT，輸入郵件地址，我們把最新的PPT介紹資料發(fā)給您。



標(biāo) 題:網(wǎng)站制作怎么通過(guò)CSS3控制圖片大小
日 期:2019.04.09
位 置:首頁(yè)>新聞> 建站技巧 >網(wǎng)站制作怎么通過(guò)CSS3控制圖片大小

     做網(wǎng)站之后，我們會(huì)在網(wǎng)站后臺(tái)發(fā)布很多的文章內(nèi)容。文章里會(huì)插入一些圖片，由于圖片尺寸不一樣，會(huì)出現(xiàn)圖片超過(guò)寬度的問(wèn)題。特別是制作手機(jī)網(wǎng)站時(shí)，更容出現(xiàn)這種情況。如何通過(guò)CSS3來(lái)一次性控制網(wǎng)站所有圖片自適應(yīng)大小呢？下面介紹一下CSS3控制圖片自適應(yīng)屏幕大小的方法。

CSS3

▏通過(guò)CSS3控制圖片尺寸自適應(yīng)的方法很簡(jiǎn)單，只要將以下的CSS樣式代碼放到自己網(wǎng)站的CSS文件里即可。(如果不了解什么是CSS，請(qǐng)先學(xué)習(xí)一下網(wǎng)站建站常識(shí))

   ◤.cont img{max-width:100%;height:auto;}

代碼解釋?zhuān)捍a里的cont修改成自己的class名。通過(guò)控制圖片的最大寬度值為100%，而不是直接控制圖片寬度，避免了圖片被壓縮變形。

▏如果要讓網(wǎng)站圖片始終居中顯示，只需要加上以下的CSS樣式；

   ◤.cont img{display:block;margin:0 auto;}

▏所以，CSS3控制圖片自適應(yīng)屏幕大小和居中顯示的CSS樣式代碼就是將二者合并一起。如下：

   ◤.cont img{display:block;margin:0 auto;max-width:100%;height:auto;}

轉(zhuǎn)載請(qǐng)注明來(lái)自：http://mhrsp.cn/news/industrynews/86096.html

標(biāo)簽：網(wǎng)頁(yè)設(shè)計(jì)  移動(dòng)端   海之睿

將文章分享到..

熱門(mén)文章

Are You Interested ？
感興趣嗎？
與我們聯(lián)系了解更多吧
有一個(gè)互聯(lián)網(wǎng)項(xiàng)目想和我們談?wù)剢?？您可以填?xiě)右邊的表格，讓我們了解您的項(xiàng)目需求，這是一個(gè)良好的開(kāi)始，我們將會(huì)盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫(xiě)信或是打電話，讓我們聽(tīng)到你的聲音！
  • 網(wǎng)站服務(wù)熱線：400-710-6678
    郵箱服務(wù)熱線：400-799-9163
  • 電話：0510-88100198 渠道：0510-80211762
  • 地址：無(wú)錫市濱湖區(qū)蠡湖大道2018號(hào)普信copo 3棟810室

合作意向表/ Cooperation Form

您需要的服務(wù)

您最關(guān)注的地方

預(yù)算

關(guān)于海之睿

+

海之睿成立于2011年4月，致力于提供高品質(zhì)網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站制作、營(yíng)銷(xiāo)型網(wǎng)站制作及網(wǎng)站SEO優(yōu)化推廣等服務(wù)，服務(wù)客戶超4000+家，我們的目標(biāo)是將“海之睿”打造成網(wǎng)站建設(shè)、品牌形象設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣行業(yè)的領(lǐng)導(dǎo)品牌！

我們的優(yōu)勢(shì)

+

8年建站服務(wù)經(jīng)驗(yàn)

服務(wù)4000+家企業(yè)

服務(wù)50+家上市企業(yè)

服務(wù)行業(yè)龍頭超過(guò)100+家

自主獨(dú)立開(kāi)發(fā)MVC睿云建站平臺(tái)

可視化操作界面易于維護(hù)

三層架構(gòu)設(shè)計(jì)物理分離

網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)技術(shù)并重

我們的理念

+

對(duì)客戶：以客戶為中心,秉承“客戶為本”的服務(wù)宗旨。
對(duì)員工：共享知識(shí)、共享利益、實(shí)現(xiàn)自身價(jià)值。
對(duì)公司：以精致經(jīng)營(yíng)及至精致服務(wù)，成為行業(yè)翹楚。
對(duì)社會(huì)：誠(chéng)信、感恩，企業(yè)進(jìn)步的同時(shí)用行動(dòng)回饋社會(huì)。