IFE-8笔记 响应式网格布局

Posted 黄先森

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IFE-8笔记 响应式网格布局相关的知识,希望对你有一定的参考价值。

//当屏幕大于769px 
@media screen and (min-width: 769px){}
//当屏幕小于769px 
@media screen and (max-width: 768px){}
//calc自动计算 (百分比空格(+-*X)空格20px)
width: calc(50% - 20px);

 

以上是关于IFE-8笔记 响应式网格布局的主要内容,如果未能解决你的问题,请参考以下文章

响应式网格布局

一行 CSS 代码实现响应式布局 – 使用 Grid 实现的响应式布局

grid实现响应式布局

一行css代码搞定响应式布局

响应式网格(栅格化)布局总结

任务八:响应式网格(栅格化)布局