HTML5UP，圖片很小，當瀏覽器沒有最大化

所以標題說，它不適合上傳問題的截圖：這裏是圖像。 HTML5UP，圖片很小，當瀏覽器沒有最大化

enter image description here

我已經嘗試了這一點，但即時通訊沒有在那裏最有經驗的編碼器。如果有任何人遇到這個問題或知道解決方案，請回答:)其proboly簡單，我不能找到，因爲我很愚蠢，大聲笑。無論如何謝謝你看:) 這是我的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>

來源

2015-03-30 TheAlMightyNick

在你所有的CSS文件你的狀態與ID #bg您的div如下：

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

的第一個值是你的圖像的寬度，第二個是高度。每個css文件的寬度都不相同（寬，普通，移動等），所以你必須做的只是將背景大小的寬度更改爲任何你想要的和你的問題消失了！ :)

來源

2015-03-30 21:11:44 Mikelo

你想整個文件夾？我有Dropbox的鏈接：https://www.dropbox.com/s/t3x7d8abzvtnqw1/Aerial.zip?dl=0 – TheAlMightyNick 2015-03-30 21:47:54

找到了解決方案，更新了我的答案;） – Mikelo 2015-03-30 22:09:30

我進入了所有的CSS文件並對其進行了更改他們都說寬度：6750px;但它仍然有同樣的問題，甚至改變了風格 - 移動 – TheAlMightyNick 2015-03-30 22:23:23

HTML5UP，圖片很小，當瀏覽器沒有最大化

回答

相關問題