不幸的是，仅通过添加
<meta name="viewport" content="width=device-width, initial-scale=1">Bootstrap 包括响应式、移动优先的流体网格系统，可随着设备或视口尺寸的增加适当扩展至 12 列
了解这个。 响应式网页设计 - 媒体查询
<meta name="viewport" content="width=device-width, initial-scale=1.0">
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }
Raam Singh 是对的，但是对于您的具体情况，我想补充一点，您的“窗帘” ul 是绝对定位的。 您应该使其不是绝对的或添加“宽度：100％；”。
你的“桌面”图像也应该有“宽度：100%；”如果你想让它可以调整大小。
请在开始响应之前检查网站
我尝试了所有的答案，但我的网站仍然没有响应 我会上传我的html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MNT CAB V2</title>
<link rel="shortcut icon" href="Final sticker MNT.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<div class="logo">
<img src="Final sticker MNT.png" alt="logo">
</div>
</head>
<body>
<nav>
<a href="index.html">Home</a>
<a href="#ABOUT">About</a>g
<a href="#SERVICES">Services</a>
<a href="#GALLARY">Gallary</a>
<a href="#CONTACT">Contact Us</a>
<div class="animation start-home"></div>
</nav>
这是我的 html，它没有响应 D:
我不知道为什么我的页面也没有响应。任何帮助将不胜感激。