css 我的网站没有响应，也没有调整大小,

z5btuh9x 于 2023-05-08 发布在其他

关注(0)|答案(5)|浏览(127)

我真的需要一些帮助，我已经创建了我的网站http://hayleyryan.com/，我不能让它重新调整大小到一个更小的浏览器窗口或更小的设备。
我在文档的顶部包含了<meta name="viewport" content="width=device-width, initial-scale=1">，我还将所有内容都设置为百分比宽度。我已经看过我所有的CSS的任何可能的原因-我找不到任何东西。它一直工作得很好，直到我删除了 meta标签，后来又把它放回去。
任何帮助将不胜感激，谢谢。

css

来源：https://stackoverflow.com/questions/34351631/my-website-is-not-being-responsive-and-not-resizing

5条答案

按热度按时间

vshtjzan1#

不幸的是，仅仅添加<meta name="viewport" content="width=device-width, initial-scale=1">并不能创建响应式网页。它需要很多其他的东西。看看stackoverflow上的另一个问题，可能会有帮助：How to implement responsive web design and its best practices

赞(0）回复(0）举报 2023-05-08

h6my8fg22#

Bootstrap包括一个React灵敏的、移动的第一流体网格系统，随着设备或视口大小的增加，它可以适当地扩展到12列
记住这个. Responsive Web Design - Media Queries

<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) { ... }

赞(0）回复(0）举报 2023-05-08

iyzzxitl3#

Raam Singh是对的，但是对于您的具体情况，我想补充一点，您的“窗帘”ul绝对定位。您应该使其不是绝对值或添加“width：100%;”。
此外，您的“桌面”图像应该具有“宽度：100%;“如果你想让它变大。

赞(0）回复(0）举报 2023-05-08

vptzau2j4#

请在开始响应之前检查网站
http://getbootstrap.com/css/#grid-options

赞(0）回复(0）举报 2023-05-08

uubf1zoe5#

我尝试了所有的anser，但我的网站仍然没有响应，我会上传我的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它不responcive D：

赞(0）回复(0）举报 2023-05-08

我来回答

css 我的网站没有响应，也没有调整大小,

5条答案

相关问题

热门标签

最新问答