css3响应式布局

响应式布局 <link rel="stylesheet" href="css1.css" media="screen and (min-width:800px)"/> <link rel="stylesheet" href="css2.css" media="screen and (min-width:600px) and (max-width:800px)"/> <link rel="stylesheet" href="css3.css" media="screen and (max-width:400px)"/>

横屏portrait竖屏landscape <link rel="stylesheet" href="css3.css" media="screen and (orientation:portrait)"/> <link rel="stylesheet" href="css1.css" media="screen and (orientation:landscape)"/>

行内样式 @media screen and (min-width: 800px){} @media screen and (min-width: 400px) and (max-width: 800px){} @media screen and (max-width: 400px){}

Css3分栏布局 column-width 栏目宽度 column-count 栏目列数 column-gap 栏目距离 column-rule 栏目间隔线

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券