css实现页脚跟手机页面一样大小

实现页脚跟手机页面一样大小可以通过以下CSS代码实现：

@media only screen and (max-width: 768px) {
  footer {
    height: 100vh;
  }
}

这段代码使用了媒体查询（media query）来检测设备屏幕宽度是否小于等于768像素（也就是手机屏幕宽度），当屏幕宽度小于等于768像素时，将页脚（footer）的高度设置为设备屏幕高度（100vh），从而实现页脚与手机页面一样大小。请注意，这段代码应该放在普通样式代码的后面，以确保它会覆盖之前的样式。

相关问题

html5实现图片自适应手机屏幕页面的css

可以使用以下的 CSS 代码实现图片自适应手机屏幕页面：

img {
  max-width: 100%;
  height: auto;
}

这段代码的作用是将所有图片的宽度最大值设置为其容器的宽度，同时保持其高度自适应。这样可以确保图片在不同大小的屏幕上都能够完美适应。另外，如果需要设置图片的最大高度，可以添加 `max-height` 属性。

css实现登入页面居中

要实现登录页面居中，可以使用CSS的position属性和margin属性。具体实现方法有多种，以下是其中两种方法：

方法一：
1. 设置CSS命名对象为".php"，设置CSS边框为黑色，CSS宽度为400px，CSS高度为100px。
2. 设置html和body的高度为100%。
3. 在一个外层容器中设置高度为100%，并设置position为relative。
4. 在登录框容器中设置宽度为400px，高度为300px，背景颜色为橙色，position为absolute，top和left都为50%，并分别使用margin-top和margin-left将登录框容器向上和向左移动自身高度和宽度的一半，即margin-top为-150px，margin-left为-200px。

方法二：
1. 创建一个外层容器，设置宽度和高度，并设置边框。
2. 在外层容器中创建一个内层容器，设置宽度和高度，并设置背景颜色。
3. 使用flex布局，将外层容器设置为display:flex，并设置justify-content和align-items属性为center，即可实现内层容器水平和垂直居中。