如何写HTML 各种设备类型的页面代码？

Question

我有一个三栏网站，编码为单栏（响应式），最大 767 像素。我想为从（包括）768px 开始的设备设置一个 3 列视图。

我已经部分工作了，但我需要从 768 像素开始的设备使用更小的字体。

目前我有以下HTML代码：

@media screen and (max-width: 767px) { 
.wrap { 
display: block; 
} 
.tc { 
display: block; 
width: auto; 
border: none; 
} 

以及此代码中的其他 HTML 代码。

以上为最大 767px 的设备制作单列显示。

我想知道对于大于 767px 的视口尺寸要写什么然后以 Apple iPad 开始，这是 768px 默认纵向尺寸，然后是更高的 px？我已经有以下代码将最大宽度声明为最多 1240 像素。

768 像素及以上设备的 HTML/CSS 代码是什么？

Answer 1

您可以将媒体查询与 min-width 一起使用，而不是像这样：

@media screen and (min-width: 768px) { 
    // your css here
}