Ai
2 Star 0 Fork 0

mirrors_googlecodelabs/model-viewer-codelab

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
responsive.css 816 Bytes
一键复制 编辑 原始数据 按行查看 历史
Matt Small 提交于 2019-05-04 06:50 +08:00 . add a responsive option
body {
margin: 0;
padding: 0;
font-family: Google Sans, Noto, Roboto, Helvetica Neue, sans-serif;
}
model-viewer {
width: 100%;
height: 100%;
}
.grid-container{
background-color: #fff;
width: 100vw;
height: 100vh;
display: grid;
grid-gap: 0px;
}
.a {
grid-column: 1 / 5;
grid-row: 1 / 7;
}
.b {
grid-column: 5 / 9;
grid-row: 1 / 7;
}
.c {
grid-column: 9 / 13;
grid-row: 1 / 7;
}
@media (max-width: 880px) {
.a {
grid-column: 1 / 8;
grid-row: 1 / 7;
}
.b {
grid-column: 8 / 13;
grid-row: 1 / 4;
}
.c {
grid-column: 8 / 13;
grid-row: 4 / 7;
}
}
@media (max-width: 480px) {
.a {
grid-column: 1 / 13;
grid-row: 1 / 5;
}
.b {
grid-column: 1 / 7;
grid-row: 5 / 7;
}
.c {
grid-column: 7 / 13;
grid-row: 5 / 7;
}
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/mirrors_googlecodelabs/model-viewer-codelab.git
git@gitee.com:mirrors_googlecodelabs/model-viewer-codelab.git
mirrors_googlecodelabs
model-viewer-codelab
model-viewer-codelab
master

搜索帮助