关于全屏显示
我天空和草地都是在一个div里，请问全屏显示是把div的宽和高都设置为vh吗？
div{
width: 800vh; height: 100vh;
background: -webkit-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6),rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: -moz-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6),rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: -o-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6),rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6),rgb(148, 190, 89), rgba(148, 190, 89,.4));
}
正在回答
你好，如果天和草地在一个div中，哪这个div 高设置成 100vh，根据作业要求，天和草由两个结构构成，所以天和草分别用两个div来控制，同时要求天和草6：4 ，这是两个div的高度分别是 60vh 和 40 vh , 希望对你有帮助，祝学习愉快。
那问题又来了，如果我这样写
.sky{
width: 800vh; height: 60vh;
background: -webkit-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6));
background: -moz-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6));
background: -o-linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6));
background: linear-gradient(180deg, rgb(196, 228, 253), rgba(196, 228, 253,.6));
}
.grass{
width: 800vh; height: 40vh;
background: -webkit-linear-gradient(180deg, rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: -moz-linear-gradient(180deg, rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: -o-linear-gradient(180deg, rgb(148, 190, 89), rgba(148, 190, 89,.4));
background: linear-gradient(180deg, rgb(148, 190, 89), rgba(148, 190, 89,.4));
}
那么效果就变成了这样
跟效果图中的不一致呀，效果图中天空和草地的交接部分颜色是很淡的
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星