新手上路,刚刚才开始学习Web基础,如题,在html文件下的<body>里,插入一幅小图片,72*72的,我的代码如下:
<img src="images/Tuzki.gif"/>
(我的网页在这里http://mitcc.github.io)
为什么图片确是填满了整个屏幕……怎么设置为默认尺寸?顺路问下一般情况下图片格式怎么按比例设为原尺寸的多少倍?
感觉问题挺基础的,Google、Stackoverflow都没有找到解决办法,高手手下留情啊
PHPz2017-04-17 11:08:39
<img src="images/Tuzki.gif" width="72" height="72" />
這樣插入的圖片,就是72x72像素的。width代表圖片的寬度,height代表圖片的高度。
以後你在網頁裏麵插入圖片,可以加上這些元素,就可以控製圖片的大小了。
另外推薦 http://www.w3school.com.cn 可以去看看,裏麵很多網頁方麵的東西都有說明。
關於按比例縮放
/* 控制图片比例缩放 */
.img{max-width:600px;height:auto;}
上麵這段css,就是把網頁裏麵的圖片按照比例縮放,寬度不得超過600像素,超過的話就縮小到600,高度按照比例縮放。
max-width屬性的詳細介紹
http://www.w3school.com.cn/css/pr_dim_max-width.asp/css/pr_dim_max-width.asp
怪我咯2017-04-17 11:08:39
stylesheet.css 文件第 257 行設置了圖片的寬度,移除即可
img {
width: 100%; /* 移除这行 */
max-width: 100%;
}
巴扎黑2017-04-17 11:08:39
樓上正解
但是如果想設置 原尺寸的多少倍 就有些複雜
1. js 獲取
2. php 函數獲取
不過我想你要的不是這個
不設置圖片的寬高,顯示的就是默認的原始尺寸。