如果我将浏览器大小更改为小于 500px 的移动休息室.css应该链接(以测试我在移动休息室中将身体背景更改为黑色(。
<head>
<meta charset="utf-8">
<title>Head First Lounge</title>
<link type="text/css" rel="stylesheet" href="lounge.css" media="screen and (min-width: 500px)">
<link type="text/css" rel="stylesheet" href="lounge-mobile.css" media="screen and (max-width: 499px)">
<link type="text/css" rel="stylesheet" href="lounge-print.css" media="print">
</head>
我认为以下代码将帮助您CSS链接会有所帮助,
<link rel="stylesheet" media='screen and (min-width: 201px) and (max-width: 500px)' href="lounge-mobile.css">
试试一次,这可能会有所帮助
media="(max-width: 499px)"