根据浏览器显示界面大小变换,替换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