根据浏览器显示界面大小变换,替换css文件方法

在1024屏幕下,选择适配1024屏幕的css文件,

在大于1024屏幕下,选择适配大屏幕的css文件。

在html中的head标签中引用css文件时,加入media属性。

例:

<link rel="stylesheet" media="screen and (min-width:1025px)" type="text/css" href="...1920">

<link rel="stylesheet" media="screen and (max-width:1024px)" type="text/css" href="...1024">

在浏览器当前打开宽度大于等于1025px时,会选用href为1920路径的css

在浏览器当前打开宽度小于等于1024px时,会选用href为1024路径的css

posted @ 2016-03-31 12:03  fenghongyu  阅读(1433)  评论(0编辑  收藏  举报