Question

所以标题说明了，上传问题截图：这是图像。

enter image description here

我试图解决这个问题，但我不是最有经验的编码器。如果任何人遇到这个问题或知道解决方案，请回答:)它简单的东西，我找不到，因为我很愚蠢，大声笑。任何方式谢谢你寻找:) 这是我的index.html：

<!DOCTYPE HTML>
<!--
    Aerial by HTML5 UP
    html5up.net | @n33co
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
    <head>
        <title>Oracle RPG</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
        <script src="js/skel.min.js"></script>
        <script src="js/init.js"></script>
        <noscript>
            <link rel="stylesheet" href="css/skel.css" />
            <link rel="stylesheet" href="css/style.css" />
            <link rel="stylesheet" href="css/style-wide.css" />
            <link rel="stylesheet" href="css/style-noscript.css" />
        </noscript>
        <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
    </head>
    <body class="loading">
        <div id="wrapper">
            <div id="bg"></div>
            <div id="overlay"></div>
            <div id="main">

                <!-- Header -->
                    <header id="header">
                        <h1>Oracle RPG</h1>
                        <p>A BETTER EXPERIENCE&nbsp;&bull;&nbsp; BUILT FOR THE GAMER &nbsp;&bull;&nbsp; BY THE GAMER</p>
                        <nav>
                            <ul>
                                <li><a href="#" class="icon fa-comment"><span class="label">Forums</span></a></li>
                                <li><a href="#" class="icon fa-usd"><span class="label">Donor Area</span></a></li>
                                <li><a href="#" class="icon fa-youtube-play"><span class="label">Youtube Channel</span></a></li>
                                <li><a href="#" class="icon fa-tag"><span class="label">Ranks & Apply Area</span></a></li>
                            </ul>
                        </nav>
                    </header>

                <!-- Footer -->
                    <footer id="footer">
                        <span class="copyright"><font size="1">&copy; Untitled. Design: <a href="http://html5up.net">HTML5 UP</a>.</span></font>
                    </footer>

            </div>
        </div>
    </body>
 </html>

Answer 1

在您的所有css文件中，您将ID为#bg的div表示如下：

bg {
        background-size: 2250px auto; /*the first value is different in all css files*/
        width: 6750px;
    }

第一个值是图像的宽度，第二个值是高度。每个css文件（宽，普通，移动等）的宽度都不同，所以你要做的只是将背景大小的宽度改为你想要的任何东西，你的问题就消失了！：）

HTML5UP，当浏览器未最大化时，图像很小

1 个答案: