响应式布局的那点事情(一)

随着互联网的发展以及手机端的快速发展,简单的pc端已经满足不了企业的需求,以及需要同时写俩套的代码来进行兼容俩个平台,这样就会让项目变得更加难以维护、成本增加、所以响应式布局是非常必要的。一套代码同时兼容pc ipad 手机端、这就是非常必要了。

接下来咱们就直接来谈谈响应式布局的几种方式。那种适合你你就选择哪里,毕竟技多不压身、作为一个前端分子我们一直冲在学习的第一线上。

响应式布局大多分为三种方式:

会使用浮动+百分比布局网页

会使用flex布局弹性的页面

会使用媒体查询制作响应式的网页

这几种方式可以进行相互的进行配套使用

弹性布局(弹性布局方式方便快捷建议大家在以后的项目中进行使用)

布局中需要的html代码部分以及css代码部分

今天先把基础的语法以及使用方法使用一下明天继续更新伸缩布局的运用实例

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181128G1RQIN00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券