码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-03-31 12:43:59      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:

在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文件方法

标签:

原文地址:http://www.cnblogs.com/fhychzu/p/5340647.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!