Html 我希望能够为不同大小的屏幕缩小/放大我的网页_Html_Css_Scalability

Html 我希望能够为不同大小的屏幕缩小/放大我的网页

html css

Html 我希望能够为不同大小的屏幕缩小/放大我的网页,html,css,scalability,Html,Css,Scalability,我尝试添加，但没有看到任何结果感谢您的帮助照片显示了它的全屏，然后向下进入较低/较小的屏幕，它的缩放非常糟糕下面是它在较小的屏幕。 ` Wishr登录页面威斯尔购物变得容易了。欢迎登录以开始保存。用户名：密码：你没有账户吗？ ` 我们需要查看您的样式（CSS）。尝试给出一个工作片段，以便我们可以尝试，请参见[link]如果没有CSS代码，帮助有点困难，但我建议在屏幕太小时隐藏“Wishr购物变得容易”框。您可以通过添加以下内容来完成此操作：@仅媒体屏幕和（最大宽度：80

我尝试添加，但没有看到任何结果

感谢您的帮助

照片显示了它的全屏，然后向下进入较低/较小的屏幕，它的缩放非常糟糕下面是它在较小的屏幕。

`
Wishr登录页面
威斯尔
购物变得容易了。
欢迎
登录以开始保存。
用户名：
密码：




你没有账户吗？
`

我们需要查看您的样式（CSS）。尝试给出一个工作片段，以便我们可以尝试，请参见[link]如果没有CSS代码，帮助有点困难，但我建议在屏幕太小时隐藏“Wishr购物变得容易”框。您可以通过添加以下内容来完成此操作：

@仅媒体屏幕和（最大宽度：800px）{wishrDiv{display:none}

`<html lang="en">
<head>
<title> Wishr Login Page </title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
</head>
<body>

<div class="heading">
    <h1> Wishr</h1>
    <h2>Shopping made easy.</h2>

</div>

  <div class="login">
      <h1> Welcome!</h1>
      <h2> Login to start saving.</h2>
      <form>
         <p>Username:</p>
         <input type="text" name="usern" placeholder="John123">
         <p>Password:</p>
         <input type="password" name="passw" placeholder="********"> <br>
         <a href="#"> Forgot Password?</a> </br>
         <input type="submit" name="Login" value="Login">

       </form>
        <h3>Don't have an account?</h3>
        <input type="button" name="Signup" value="Sign Up">
    </div>
</body>

</html>`