製作帶頁面分辨率的HTML

所以，我正在嘗試爲平板電腦做一個應用程序，並且我的屏幕分辨率是1280x720。我正在使用w3.css來創建它。製作帶頁面分辨率的HTML

我想要得到的迴應是一種讓我所有的div以及表格和所有東西都在該屏幕內的方法。

我用我想要的分辨率的div製作屏幕。

my menu page

來源

2017-11-10 Kuk Apep

使用響應式CSS來開始（即'width：50％'）不要根據屏幕分辨率進行設置，因爲每個設備的設置都不相同。然後，開始通過不同的CSS教程來處理需要完成的任務。 – Kallmanation

我不想更換設備。我正在做的只是一個設備，與該決議。 –

你會在舊平板電腦上向朋友展示過嗎？你會使用這款平板電腦的更新版本嗎？用戶是否會垂直而不是水平地翻轉平板電腦？ ...使用響應式CSS。 – Kallmanation

最簡單的方法是包含所有你的風格內部媒體查詢

@media only screen 
     and (min-device-width: 768px) 
     and (max-device-width: 1024px) 
     and (-webkit-min-device-pixel-ratio: 1) { 

    html, body{ 
    width:100%; 
    padding:0 20px; 
    } 

    .container{ 
    width: 1024px; 
    } 
}

來源

2017-11-11 11:28:40

使用媒體查詢，像這樣：

@media screen and (max-width: 1280px) and (max-height: 720px) { 
    /* Your CSS for 1280x720 and below */ 
}

查看更多在這裏： https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

來源

2017-11-11 11:54:14 Booligoosh

製作帶頁面分辨率的HTML

回答

相關問題