HTML / CSS响应式笔记本电脑＆amp;桌面

Question

我有一个学校项目。我想让所有的页面都响应笔记本电脑和桌面。

我知道响应最好用％来确定宽度和宽度。高度。对于我的情况，我出于某些原因使用像素。

大多数页面都有桌子，桌子的高度和高度不同。宽度。我只会为桌面制作css，而当前的代码（表格的宽度和高度）是笔记本电脑。

我想为桌面做的是添加桌子的高度和高度。宽度为100px。例如Page A有高度和高度笔记本电脑的宽度为250px。如果我使用桌面，高度＆amp;宽度将加起来为350px。

我该怎么做？

Answer 1

我建议调查@media查询（https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries），快速了解你只需指定@media然后指定条件然后正常的css如下所示

@media (minWidth: 300px){
        #pageA {
          height: 300px;
          width: 300px;
        }
}