91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

css如何讓圖片寬高適應不拉伸

css
養魚的貓咪
1120
2021-03-29 09:32:32
欄目: 編程語言

在css中設置圖片寬高適應不拉伸的方法:1.首先,創建img標簽,插入圖片;2.通過position屬性設置fixed樣式固定圖片;3.使用width和height屬性設置圖片寬高為100%即可;

css如何讓圖片寬高適應不拉伸

在css中設置圖片寬高適應不拉伸的方法

1.首先,在頁面中創建一個img標簽,并插入圖片;

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8" />

  <style></style>

</head>

<body>

 <img src="1.jpg">

</body>

</html>

2.圖片添加好后,在css中使用position屬性固定圖片;

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8" />

  <style>

img{

 position: fixed;

}

  </style>

</head>

<body>

 <img src="1.jpg">

</body>

</html>

3.最后,圖片固定好后,使用width和height屬性設置圖片寬高為100%即可實現圖片的寬高適應不拉伸;

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8" />

  <style>

img{

 position: fixed;

 width: 100%;

 height: 100%;

}

  </style>

</head>

<body>

 <img src="1.jpg">

</body>

</html>


0
铜鼓县| 加查县| 崇礼县| 巧家县| 宝鸡市| 蕲春县| 平山县| 德保县| 杭锦旗| 新田县| 和政县| 大丰市| 西峡县| 广安市| 英吉沙县| 阿鲁科尔沁旗| 安乡县| 灵川县| 平远县| 岑巩县| 武鸣县| 三门峡市| 巫溪县| 四会市| 巴塘县| 鹤峰县| 尤溪县| 新沂市| 柞水县| 汉寿县| 博客| 中卫市| 南漳县| 河西区| 英吉沙县| 石阡县| 柳河县| 合阳县| 通榆县| 葵青区| 双城市|