html中自适应表格的问题 *** 作方法:
1、实例代码如
<body style="scroll:no"><table width="100%" height="100%">
<tr>
<td height="10px" id="conditions"></td>
</tr>
<tr>
<td id="Content"></td>
</tr>
<tr>
<td height="10px" id="btns">
<input type="button" id="btnDel" value="删除" />
</td>
</tr>
</table>
</body>
2、实例代码如图:
3、代码各个用处分析:
这个表格分为3块
第一个id为conditions,放查询条件。
第二个id为Content,放显示内容。
第三个id为btnDel,放删除按钮。
第一个和第三个宽度可以设置小一点,让内容自己去展开。
个人主页可以采用html代码也可以采用cms系统形式,一般以个人博客网站形式存在。你可以在个人博客模板找到自适应的模板程序后,进行源码下载。
每天的进行一些文章更新,相信对于建立个人品牌是非常有帮助的。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
参数解释:
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)