移动设备的样式表应该如何？

Question

移动设备样式表应该如何与桌面样式表不同？

我有一个关于打印版本样式表的样本：

任何人都可以告诉我移动设备样式表中的相应类应该如何？

h1 
{
    font-size: 18px;
    line-height: 22px;
    color: #000;
    text-decoration: none;
    font-family: 'NeoTechAlt';
}

以上是桌面样式表的h1。相应的移动样式表h1应该如何？

Answer 1

这取决于你想在两个平台之间改变什么。

即。如果您想在移动设备上更改字体大小，请仅更改此属性。

建议对所有平台使用一个通用样式表，并为每个要自定义覆盖样式表的平台使用。这样您就不必重新编写所有css规则，只需添加相关更改即可。

示例：

<LINK href="all.css" rel="stylesheet" type="text/css">
<LINK href="mobile.css" rel="stylesheet" media="only screen and (max-device-width: 480px)" type="text/css">

<强> all.css

h1 { font-size: 18px; line-height: 22px; color: #000; text-decoration: none; font-family: 'NeoTechAlt'; }

<强> mobile.css

h1 { font-size: 22px; line-height: 26px; }