響應式網頁設計，html寬度

我想讓網站響應，如果你去我的網站here 去開發工具，你切換設備工具欄和響應下，如果你調整窗口大小在900px寬度下，你會發現html元素（通過整個頁面）縮小到實際寬度的大小，雖然我的寬度設置爲100％，但有什麼想法如何解決這個問題？響應式網頁設計，html寬度

下面的代碼，如果你想看看：here

html{ 
     width: 100%; 
     } 


    body{ 
     width: 100%; 
     }

來源

2017-05-03 Robert Makar

你可以張貼在你的問題代碼，而不是問人點擊鏈接查看 –

我應該發佈所有代碼嗎？我似乎無法找到代碼中究竟出現了哪些問題或者如何解決問題 –

視口聲明中存在錯誤，您應該將其更改爲 - –

什麼工作是以下規則：

.navgiationbar ul { 
    width: 100vw; 
}

但我敢肯定有一個清晰的解決方案。

來源

2017-05-03 06:51:06 Echolot

我已經看到您的網站，發現更多的部分使用寬度像素像頭h1標題。所以每一處使用寬度的百分比都不是像素。

你可以寫頭這樣的代碼，這和刪除這個類的CSS「名稱」，並使用我的CSS：

.header-title { 
 
\t position: absolute; 
 
\t top: 0; 
 
\t right: 0; 
 
\t bottom: 0; 
 
\t left: 0; 
 
} 
 
.header-text { 
 
\t display: table; 
 
\t width: 100%; 
 
\t height: 100%; 
 
} 
 
.v-align { 
 
\t display: table-cell; 
 
\t vertical-align: middle; 
 
} 
 
.name { 
 
\t font-family: "Cookie"; 
 
\t font-size: 100px; 
 
\t color: white; 
 
\t margin: 0; 
 
\t padding: 0; 
 
}

<div class="header-title"> 
 
    <div class="header-text"> 
 
    <div class="v-align"> 
 
     <h1 class="name">Robert A. Makar</h1> 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-05-03 07:03:52

響應式網頁設計，html寬度

回答

相關問題