調整px上固定的整個站點大小？

我犯了一個網站，其中像素和不完全百分比大小，就像下面的代碼預覽。調整px上固定的整個站點大小？

然而原來以小分辨率的屏幕，你不能看到網站porperly。用戶必須在瀏覽器中縮小才能正確查看該網站。

有沒有簡單的方法來解決這個問題？ 如爲瀏覽器縮放或類似的媒體查詢？

.fixed1, .fixed2, .fixed3{ 
 
    margin:0 auto; 
 
} 
 

 
.fixed1{ 
 
width:400px; 
 
height:400px; 
 
background-color:green; 
 
} 
 

 
.fixed2{ 
 
width:300px; 
 
height:300px; 
 
background-color:red; 
 
} 
 

 
.fixed3{ 
 
width:200px; 
 
height:200px; 
 
background-color:blue; 
 
}

<div class="fixed1"> 
 
    <div class="fixed2"> 
 
    <div class="fixed3"> 
 
    </div> 
 
    </div> 
 
</div>

來源

2016-11-14 KeBom

添加視口元標記內部頭標籤

<head> 
    <!--other tags...--> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head>

我已與具有屏幕尺寸小於400

移動設備測試它

來源

2016-11-14 02:34:56

但視口僅適用於移動設備，不是嗎？我也需要它的PC與較小的分辨率。 – KeBom

它的每一次設備不只是移動設備，請嘗試真實的設備看到的結果 –

我tryed它，但它並沒有存檔我的目標。的問題是，在頁面的高度應始終是相同的，所以不會出現滾動條。 – KeBom

調整px上固定的整個站點大小？

回答

相關問題