「生活可以更简单, 欢迎来到我的开源世界」
响应式设计:根据不同设备引不同css样式
2020-07-19

当屏幕大于或等于600px时,采用category.css样式来渲染Web页面:

<link rel="stylesheet" href="/css/category.css" media="screen and (min-width: 600px)">

当屏幕小于或等于600px时,采用category_mobile.css样式来渲染Web页面:

<link rel="stylesheet" href="/css/category_mobile.css" media="screen and (max-width: 600px)">
<⇧>