HTML / CSS响应式笔记本电脑&桌面

时间:2015-10-21 01:25:10

标签: html css responsive-design

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

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

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

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

我该怎么做?

1 个答案:

答案 0 :(得分:0)

我建议调查@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;
        }
}