如何解决HTML网页自适应,元素上浮的问题

关于不理解自适应的,可以点击以下网址:

http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html

以上网页,给的方法是在网页头部加入一行viewport元标签。

但是在某些时候,我们是无法更改头部文件的,也无法调用外部的js文件。这时候就会用css来满足自适应的要求。于是

..

这标签经常被用到。但是用这个标签的满足自适应时,总是会出现一些令人懊恼的问题,如下图:

我们知道,在自适应时 width 可以用 “..%" ,或 “auto”。但是高度怎么办呢,也用相对值?但是万一我们对这个页面后续修改了,岂不是排版再次被扰乱了。所以这时候,我们只需要加一个表格标签即可。

..

记得在咱是小白刚入门的时候,用表格布局,结果被一自称前辈的人,好一顿蔑视。虽然也有很多图书说,表格布局不适用HTML的语义。但是div确实在高度自适应方面,是蛮有缺陷的。俗话说条条大路通罗马,个人建议为了满足要求,灵活运用吧。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171217G015CT00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券