2014-01-28 35 views
-1

一切看起來都很好(寬度爲屏幕的100%),直到我將頁面的高度增加到大於屏幕的高度。之後,寬度增加到1925像素,即使屏幕分辨率是1920px screenshot。請幫幫忙,我不是複製代碼,現在,因爲這個問題可以在任何地方當我將高度增加到大於屏幕高度時,HTML文檔寬度超過100%

HTML:

<!DOCTYPE html> 
<html> 
<head> 
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700&subset=latin,latin -ext' rel='stylesheet' type='text/css'> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
    <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
    <title></title> 
</head> 
<body style="background-color: #f3f3f3; margin: 0; padding: 0;"> 
    <div id="topbar_bg"> 
     <div id="topbar_content"> 
      <img src="C:\Users\User\Dropbox\+HOROS code\img\logo.png"; style="margin-top: 18px"> 
      <ul id="menu"> 
      <li>PASLAUGOS</li> 
      <li>APIE MUS</li> 
      <li>DRAUGAI</li> 
      <li>BLOGAS</li> 
      <li>KONTAKTAI</li> 
      </ul> 
      <ul id="social"> 
      <li><img src="C:\Users\User\Dropbox\+HOROS code\img\fb.png"></li> 
      <li><img src="C:\Users\User\Dropbox\+HOROS code\img\twitter.png"></li> 
      <li><img src="C:\Users\User\Dropbox\+HOROS code\img\g+.png"></li> 
      <li><img src="C:\Users\User\Dropbox\+HOROS code\img\yt.png"></li> 
      </ul> 
      <Div style="position: relative; margin-top: -70px;"> 
      <ul id="kalbos"><li style="color: #ecb315">LT</li><li>EN</li> 
      </div> 
     </div> 
    </div> 
    <div id="Pradinis"> 
     <img src="C:\Users\User\Dropbox\+HOROS code\img\akvedukas.png" style="box-shadow: 0px 1px #dcdcdc; margin-top: -7px;"> 
     <div id="PradinisContent"> 
      <div id="slogan"> 
       <p>From Possibility <br /> to Reality</p> 
      </div> 
      <div id="intro"> 
       <h1>HOROS</h1> 
       <p>Human Resources Solutions</p> 
      </div> 
     </div> 
    </div> 
    <div id="Paslaugos"> 
     <div id="paslaugosContent"> 
      <p class="Pavadinimas">HOROS siūlo šias paslaugas:</p> 
     </div> 
    </div> 
</body> 

CSS:

http://pastebin.com/UxCrT4MR

+0

怎麼樣發佈一些實際的代碼,供人看?就像你說的,問題可能在任何地方。給我們一些工作。 –

+0

如果你可以發佈你的代碼,那麼我們擊球手幫助你.. –

+1

這是因爲你的CSS和滾動條。你做錯了什麼,並告訴我們究竟需要看到你的CSS。 –

回答

0

當您增加高度,出現垂直滾動條以便讓您查看整個頁面。由於您的寬度也是100%,因此也會出現水平滾動條,以便補償垂直滾動條的寬度。

+0

我添加了代碼,你可以檢查一下,我可以改變這個工作嗎? – user3241620

1

滾動條導致顯示區域小於實際頁面大小。

看到你的代碼真是太好了,它肯定會讓更多的人幫助你知道你是如何實現它的。

我的猜測是,您需要刪除1920px的固定像素寬度,並將其設置爲100%,或者更像桌面屏幕友好的像960像素。

+0

謝謝,添加了代碼 – user3241620

+0

儘管如此,任何地方的寬度設置爲100%,如果你可以檢查我的代碼將是偉大的 – user3241620

0

使寬度響應,而不是固定

@media