CSS3 响应适动态加载外部style样式文件

最新推荐文章于 2024-04-15 16:48:51 发布

MuGuiLin

最新推荐文章于 2024-04-15 16:48:51 发布

阅读量1.4k

点赞数 1

分类专栏： CSS3 HTML5 文章标签： CSS3动态加载外部style样式文件响应适自适应

本文链接：https://blog.csdn.net/muguli2008/article/details/77201075

版权

HTML5 同时被 2 个专栏收录

16 篇文章 1 订阅

订阅专栏

CSS3

12 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>CSS3 响应适动态加载 外部style样式文件</title>

		<!--屏幕宽度大于760px时 使用样式1-->
		<link rel="stylesheet" type="text/css" media="(min-width:760px)" href="../css/style1.css" />

		<!--屏幕宽度小于760px时 使用样式2-->
		<link rel="stylesheet" type="text/css" media="(max-width:640px)" href="../css/style2.css" />

		<!--屏幕宽度小于760px 并且 大于640px时 使用样式3-->
		<link rel="stylesheet" type="text/css" media="(max-width:760px) and (min-width:640px)" href="../css/style3.css" />

		<!--宽度可根据需求调整，当media条件满足时则使，否则反之！-->

	</head>

	<body>
		<h1>CSS3动态加载，外部style样式文件, 响应适, 自适应</h1>
	</body>

</html>

MuGuiLin

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS3 响应适动态加载外部style样式文件

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>CSS3 响应适动态加载外部style样式文件</title>  <link rel="stylesheet" t...
复制链接

扫一扫