html中自适应表格的问题

html中自适应表格的问题,第1张

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%。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8318456.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存