关于csdn_markdown图片大小不适应问题
2016-05-14 22:26
204 查看
img标签的 height 和 width 属性设置图像的尺寸:
提示:为图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性,就可以在页面加载时为图像预留空间。如果没有这些属性,浏览器就无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化。更为合理的方式:
提示:请不要通过 height 和 width 属性来缩放图像。如果通过 height 和 width 属性来缩小图像,那么用户就必须下载大容量的图像(即使图像在页面上看上去很小)。正确的做法是,在网页上使用图像之前,应该通过软件把图像处理为合适的尺寸。最好加上替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
可以这样:
<img src="https://raw.githubusercontent.com/baibaibai66/Matplotlib/pictures/1.2.png" width="60%" alt="还在路上,稍等..."/>
这里设置width=”60%”比设置固定大小width=”400px”效果更好
可以到w3school img看一下。
相关文章推荐
- ubuntu 16.04 开机开启小键盘数字键
- Activity生命周期
- 文件结束的判断和结束符的理解
- background-position 用法详细介绍(转载)
- 线程同步之利器(2)——区域锁(Scoped locking)
- 剑指offer 面试题29:数组中出现次数超过一半的数字及其变形(腾讯2015秋招 编程题4)
- HDU 5612 Baby Ming and Matrix games(dfs暴力)
- R语言之数据可视化
- Java内存模型与垃圾回收
- Java Comparable 和 Comparator
- 写在入职之前
- 关于vector在堆上还是在栈上的思考与vector.push_back()究竟放入的是什么
- Java Comparable 和 Comparator
- LeetCode|Count and Say
- MySQL之——安装时出现APPLY security settings错误
- 用STM32自制鼠标
- R语言绘制文字云
- amazon: 大于非负整数N的第一个回文数
- [Linux]安装phpredis扩展
- python入门(一)