Question

所以，我正在尝试为平板电脑申请，我的屏幕分辨率为1280x720。我使用 w3.css 创建它。

我试图获得回复的方法是将所有div和表格以及所有内容都放在该屏幕内。

我使用具有我想要的分辨率的div制作了屏幕。

Answer 1

最简单的方法是在媒体查询中包含所有样式

 @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;
    }
}

Answer 2

使用类似的媒体查询：

@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

使用页面分辨率制作HTML

2 个答案: