制作响应式设计CSS样式调用方式

常用

@media only screen and (max-width: 500px) {    .gridmenu 
    {        width:100%;    }    .gridmain 
    {        width:100%;    
    }    .gridright {        
    width:100%;    }}

第二种方式

<!-- 宽度大于 900px 的屏幕使用该样式 -->
<link rel="stylesheet" media="screen and (min-width: 900px)" href="widescreen.css">
<!-- 宽度小于或等于 600px 的屏幕使用该样式 -->
<link rel="stylesheet" media="screen and (max-width: 600px)" href="smallscreen.css">
....