防止调整浏览器大小以更改HTML/CSS布局_Html_Css_Browser_Resize

防止调整浏览器大小以更改HTML/CSS布局

html css browser

防止调整浏览器大小以更改HTML/CSS布局,html,css,browser,resize,Html,Css,Browser,Resize,我有以下CSS和HTML动画代码： index.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie

我有以下CSS和HTML动画代码：

index.html：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Animation/LipstickAd</title>

  <link rel= "stylesheet" href = "style.css"></a>



  </head>
  <body>
  <div id="logos" class = "main1">
      <img src="moveable_part.png" height="750px" class="center"></img>
  </div>

  <div class="main">
          <img id="lipstick_ad" src="lipstick_ad.png" height="750px" class="center"></img>
  </div>
</body>
</html>

这种方法在全屏上效果很好（我找到了正确的PX来尝试和错误使用），但是当我调整浏览器的大小时，元素在MaN1（唇膏改变的顶部）的位置看起来很糟糕。

我怎样才能防止这种情况

谢谢

Metatag Viewport的目的是在网页上获得响应，防止在调整大小时出现默认响应，只需将其删除即可。
使用下面的HTML，或从代码中删除视口元行

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Animation/LipstickAd</title>

  <link rel= "stylesheet" href = "style.css"></a>



  </head>
  <body>
  <div id="logos" class = "main1">
      <img src="moveable_part.png" height="750px" class="center"></img>
  </div>

  <div class="main">
          <img id="lipstick_ad" src="lipstick_ad.png" height="750px" class="center"></img>
  </div>
</body>
</html>


动画/口红

解释你的答案，不要只提供代码。你的改变有什么作用？@Zombie\u pigdagon谢谢，我编辑了我的答案并解释了。嗯，谢谢你的答案，但这似乎不起作用

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Animation/LipstickAd</title>

  <link rel= "stylesheet" href = "style.css"></a>



  </head>
  <body>
  <div id="logos" class = "main1">
      <img src="moveable_part.png" height="750px" class="center"></img>
  </div>

  <div class="main">
          <img id="lipstick_ad" src="lipstick_ad.png" height="750px" class="center"></img>
  </div>
</body>
</html>