繁体   English   中英

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

HTML5UP, Image is small when browser isnt maximized

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

因此标题说明了问题,请上传问题的屏幕截图:这是图片。 http://i.stack.imgur.com/LEjBB.png

在此处输入图片说明

我已经尝试解决此问题,但我不是那里最有经验的编码员。 如果有人遇到此问题或知道解决方案,请回答:)它可能是一些简单的东西,我找不到,因为我很愚蠢,哈哈。 无论如何,谢谢您的寻找:)这是我的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>
1 个回复

在所有css文件中,将ID为#bg的div声明如下:

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

第一个值是图像的宽度,第二个值是高度。 每个css文件的宽度都不同(宽,普通,移动等),因此您要做的就是将background-size的宽度更改为所需的大小,问题就解决了! :)

1 包装纸宽度:100%; 当浏览器最大化时工作正常,但当浏览器未最大化时它会关闭

基本上,我正在创建此网站,并且将包装器的宽度设置为100%,当浏览器最大化时,包装器工作正常,但在未最大化浏览器时,当您滚动到右侧时,内容在内容容器的末尾截断,并且不能完全伸展吗? 在问到这里之前,我到处都在寻找解决方案,但找不到。 这是包装器CSS。 如果您查看该网站,但没有使 ...

2010-07-20 04:20:41 1 381   html/ css
4 是否可以使用lubricmonkey / tampermonkey根据浏览器窗口的大小来最大化特定图像的尺寸?

例如,如果我有一个可以浏览的图像画廊,有时会打开多个画廊,则必须谨慎调整一个窗口的大小,因为对于同一页面的另一个窗口,其大小会有所不同。 我能想到的最好的例子是,当您在新选项卡中单独打开图像时,无论窗口大小,它都会在页面中间按比例自动调整大小。 无需滚动 如果有帮助,请看下面显示图 ...

6 使用Typescript最大化浏览器

在我的Angualr2应用程序中,我正在使用Typescript。 当应用开始运行时,我需要最大化浏览器。 我已经看到了 。 因此,在javascript中,可以使用 但是我不知道如何访问 typescript 的 window 对象 ? ...

8 如何以编程方式从MS Access最大化浏览器?

我最大化浏览器的目的是为用户提供从MS Access应用程序到其Web应用程序的连接和无缝体验。 出于这个原因,我正在寻找一种解决方案,它可以最大化通过MS Access应用程序控制的Web浏览器的相同功能。 我开始做这样的事情: 但我想要做的是确保每次运行此代码时,浏览器也会最 ...

10 如何找到浏览器窗口的“最大化”高度?

我试图让图片占据用户屏幕的70%。 但是,如果在加载页面时使屏幕变小或者如果人员打开了检查元素,则图像会变小并拉伸。 我相信最好的解决方案是找到浏览器窗口的最大高度,并使图像大小。 但是,我不知道该怎么做? 这是我目前的图像大小调整代码: 我也想这样做,如果有人使用巨大的显示 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM