HTML5網站，以支持不同的屏幕分辨率

-2

我正在設計一個網站，其中一個<div>。我需要設計此屏幕以支持所有屏幕分辨率（針對移動設備，筆記本電腦和表面）。它在縮放時與我的屏幕效果很好，但是當我嘗試用筆記本電腦打開網站時，水平和垂直滾動條會自動附帶在我的頁面中。任何人都可以幫助我避免滾動條出現不同的屏幕分辨率？我使用HTML5網站，以支持不同的屏幕分辨率

風格：

<style> 
div 
{ 
    background-image: url('../Maps/Plan.png'); 
    width: 1514px; 
    height: 960px; 
    margin: 0px 0px 0px 190px; 
    border: 2px groove; 
    table-layout:fixed; 
} 

.container 
{ 
    margin-right: auto; 
    margin-left: auto; 
    width: 1514px; 
    height: 960px; 
} 
.container:before, .container:after 
{ 
    display: table; 
    line-height: 0; 
    content: ""; 
    clear: both; 
} 

</style>

來源

2014-09-22 prajwal

您的固定寬度爲1514px，您需要提及百分比寬度（100％）以使響應式網站能夠在所有分辨率和設備上工作。您也可以使用CSS媒體查詢進行不同分辨率的樣式設置。 – Shamanth 2014-09-22 06:50:45

使用Foundation或bootstrap(grid system)它會照顧所有關於你的。

來源

2014-09-22 06:49:30

-1

讀你的問題我開始相信你不知道如何設計一個網站。因此請考慮使用教程。要了解如何編碼我建議訪問http://www.codecademy.com。這是一個開始的好地方，它是免費的，學習你需要的一切並不需要很長時間。

來源

2014-09-22 07:34:32

總是很高興落選，沒有任何意見。這非常有幫助... – 2015-02-23 00:25:45

HTML5網站，以支持不同的屏幕分辨率

回答

相關問題