根据浏览器显示界面大小变换，替换css文件方法
Posted 汤圆的小屋
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了根据浏览器显示界面大小变换，替换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
以上是关于根据浏览器显示界面大小变换，替换css文件方法的主要内容，如果未能解决你的问题，请参考以下文章
响应式网页设计：“如何使用 CSS 根据浏览器窗口大小调整背景图像的大小”？