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