图片未居中

时间:2019-07-15 16:42:32

标签: php html css

我有一个loginPage.php文件,内容为:

<?php 
    //some php stuff
?>

<!DOCTYPE html>

<html>
<head>
<title>Login Form Design</title>
    <link rel="stylesheet" type="text/css" href="stylelogin.css">
<body>
....and so on

我的stylelogin.css文件如下:

body{
    margin: 0;
    padding: 0;
    background: url(image1.jpg);
    background-size: cover;
    background-position: center;
    font-family: sans-serif;
}

.loginbox{
...and so on

问题

enter image description here

这是我的登录页面的样子。请注意背景图片。它没有居中,而我假设CSS脚本会完成这项工作。另外,如果我使用错误的凭据按下Login按钮,并因此在重新加载后返回此页面本身,则图像居中(如下图所示)。请帮助我了解我在做什么错,以及为什么body中的stylelogin.css部分没有做所需的事情。谢谢...

enter image description here

修改

background-size: 100vh 100vw;给出:

enter image description here

1 个答案:

答案 0 :(得分:1)

尝试一下

export const rootReducer = (state: IAppStateWithRouter, action: IAppAction) => {