使用移动 CSS 翻新现有网页

对于翻新，请使用 CSS 媒体查询，并将不同的样式表应用于不同的浏览器功能。好处是不必使用任何服务器端代码。

这会要求你在脚本中添加特定的检测代码来对设备进行分组。

媒体查询甚至可以处理从没听过的设备。

设置以下内容

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
   body {
      color: blue;
   }
}

卡蒂凯亚·博伊尼

更新于： 2020 年 1 月 29 日

110 人浏览

开始你的职业生涯。

完成课程并获得认证。

立即开始。