网站 › 『编程语言讨论求助区』 › 那位大佬能讲解一下 响应式布局？？？

名字有点难 发表于 2019-7-22 09:45

那位大佬能讲解一下 响应式布局？？？

响应式布局怎么样设置还是什么的？ 每次写的页面都是随风而动的 拉一下页面就毁了 大佬们咱们出来讨论讨论这个响应式怎么样搞的呗？ 让我们这些小白了解一下{:301_997:}每次页面都被拉的乱跑 难受呀{:301_972:}

zhiyuanbuqi 发表于 2019-7-22 10:06

多练习，注意行。
建议用框架，手写的话注意media，

SupKevin 发表于 2019-7-22 10:10

楼上 正解，百度就好了，这样例子很多哒

Mr.[先知] 发表于 2019-7-22 10:17

响应式框架 就是使用同一套页面在不同的设备上显示不同的布局
一般用bootstrap来说吧 首先用它的row和col布局 用row把col包含进去 row代表一行 col代表列 一个row可以包含多个col 一共12等分 col-lg-12 lg代表是一般电脑浏览器的宽度 然后12代表占用全部宽度,这里的12可以更换为占用份数 但是同级row下的份数不能大于12
<div class="row">
   <div class="col-lg-2">
   <div class="col-lg-4">
   <div class="col-lg-6 col-sm-12">
</div>
这个是使用宽度比控制的
还有用css3的grid布局的

edallen 发表于 2019-7-22 22:53

响应式布局就是同样的HTML代码在不同尺寸的设备上显示效果不同，主要靠 CSS 的 @media 实现，对不同尺寸屏幕应用不同样式。也有用 JavaScript 调整布局实现伪响应式布局的。

查看完整版本: 那位大佬能讲解一下 响应式布局？？？