标签：href 图片 splay charset imageview type 页面 查看 分辨率
通过
<html>
<head>
<meta charset="utf-8">
<title>表格TITLE</title>
<link href="table.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>城市表格</h1>
<table>
<caption>中国城市</caption>
<tr>
<th colspan="2">北京</th>
</tr>
<tr>
<th colspan="2">上海</th>
</tr>
<tr>
<th rowspan="2">广东</th>
<td>广州</td>
</tr>
<tr>
<td>深圳</td>
</tr>
<tr>
<th colspan="2">天津</th>
</tr>
<tr>
<th rowspan="2">辽宁</th>
<td>沈阳</td>
</tr>
<tr>
<td>大连</td>
</tr>
</table>
</body>
</html>
标题放在<table>下面，打开浏览器查看效果
可以在不同的屏幕尺寸和分辨率的设备上都能良好工作以及其他特性的图片
比如在手机上查看页面的时候，一些图片的显示就可能存在问题
srcset和sizes
微信搜索：伊洛的小屋
<img srcset="320w.jpg 320w,
480w.jpg 480w,
800w.jpg 800w"
sizes="(max-width: 320px) 280px,
(max-width: 480px) 440px,
800px"
src="800w.jpg" alt="display">
srcset:定义允许浏览器选择的图像集
sizes:定义了一组媒体条件，什么样的尺寸
标签：href 图片 splay charset imageview type 页面 查看 分辨率
原文地址：https://www.cnblogs.com/yiluotalk/p/13660986.html
