84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
新手上路,刚刚才开始学习Web基础,如题,在html文件下的<body>里,插入一幅小图片,72*72的,我的代码如下:
<img src="images/Tuzki.gif"/>
(我的网页在这里http://mitcc.github.io)
为什么图片确是填满了整个屏幕……怎么设置为默认尺寸?顺路问下一般情况下图片格式怎么按比例设为原尺寸的多少倍?
感觉问题挺基础的,Google、Stackoverflow都没有找到解决办法,高手手下留情啊
ringa_lee
<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
stylesheet.css 文件第 257 行设置了图片的宽度,移除即可
img { width: 100%; /* 移除这行 */ max-width: 100%; }
楼上正解 但是如果想设置 原尺寸的多少倍 就有些复杂 1. js 获取 2. php 函数获取 不过我想你要的不是这个 不设置图片的宽高,显示的就是默认的原始尺寸。
这样插入的图片,就是72x72像素的。width代表图片的宽度,height代表图片的高度。
以后你在网页里面插入图片,可以加上这些元素,就可以控制图片的大小了。
另外推荐 http://www.w3school.com.cn 可以去看看,里面很多网页方面的东西都有说明。
关于按比例缩放
上面这段css,就是把网页里面的图片按照比例缩放,宽度不得超过600像素,超过的话就缩小到600,高度按照比例缩放。
max-width属性的详细介绍
http://www.w3school.com.cn/css/pr_dim_max-width.asp
stylesheet.css 文件第 257 行设置了图片的宽度,移除即可
楼上正解
但是如果想设置 原尺寸的多少倍 就有些复杂
1. js 获取
2. php 函数获取
不过我想你要的不是这个
不设置图片的宽高,显示的就是默认的原始尺寸。