本文分享了一个无需依赖的自适应HTML页面示例，适用于创建响应式界面，能根据设备屏幕大小自动调整布局。
之前做一个简单的界面，需要自适应界面大小，下面是网上找的一个demo，不需要任何依赖文件就能跑的。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- viewport meta to reset iPhone inital scale -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo: Responsive Design in 3 Steps</title>
<!-- css3-mediaqueries.js for IE8 or older -->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<style type="text/css">
body {
font: 1em/150% Arial, Helvetica, sans-serif;
}
a {
color: #669;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
font: bold 36px/100% Arial, Helvetica, sans-serif;
}
/********************************************************************
最低0.47元/天 解锁文章
扫一扫
1403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
