制作带页面分辨率的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

回答

相关问题