84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
新手上路,刚刚才开始学习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 函数获取
不过我想你要的不是这个
不设置图片的宽高,显示的就是默认的原始尺寸。