css实现页脚跟手机页面一样大小
时间: 2023-10-25 21:20:08 浏览: 123
实现页脚跟手机页面一样大小可以通过以下CSS代码实现:
```css
@media only screen and (max-width: 768px) {
footer {
height: 100vh;
}
}
```
这段代码使用了媒体查询(media query)来检测设备屏幕宽度是否小于等于768像素(也就是手机屏幕宽度),当屏幕宽度小于等于768像素时,将页脚(footer)的高度设置为设备屏幕高度(100vh),从而实现页脚与手机页面一样大小。请注意,这段代码应该放在普通样式代码的后面,以确保它会覆盖之前的样式。
阅读全文