responsive web design
2015-09-21 00:32
447 查看
1. responsive web design 适应不同屏幕的网页
resize调整大小,hide隐藏,shrink收缩,enlarge放大,or move the content移动
2. <head>
<style>
.city {
float: left;
margin: 5px;
padding: 15px;
width: 300px;
height: 300px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>Responsive Web Design Demo</h1>
<div class="city">
<h2>London</h2>
<p>London is the
capital city of England.</p>
<p>It is the most
populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div class="city">
<h2>Paris</h2>
<p>Paris is the
capital of France.</p>
<p>The Paris area
is one of the largest population centers in Europe,
with more than 12 million inhabitants.</p>
</div>
<div class="city">
<h2>Tokyo</h2>
<p>Tokyo is the
capital of Japan.</p>
<p>It is the center
of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</body>
3. 可以用W3.CSS来做
详见W3.CSS
resize调整大小,hide隐藏,shrink收缩,enlarge放大,or move the content移动
2. <head>
<style>
.city {
float: left;
margin: 5px;
padding: 15px;
width: 300px;
height: 300px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>Responsive Web Design Demo</h1>
<div class="city">
<h2>London</h2>
<p>London is the
capital city of England.</p>
<p>It is the most
populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div class="city">
<h2>Paris</h2>
<p>Paris is the
capital of France.</p>
<p>The Paris area
is one of the largest population centers in Europe,
with more than 12 million inhabitants.</p>
</div>
<div class="city">
<h2>Tokyo</h2>
<p>Tokyo is the
capital of Japan.</p>
<p>It is the center
of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</body>
3. 可以用W3.CSS来做
详见W3.CSS
相关文章推荐
- golang写的DDNS客户端
- 计算机五大组成部件
- SPOJ Pouring Water
- Hbase错误ERROR: org.apache.hadoop.hbase.PleaseHoldException: Master is initializing
- 前端初级开发笔试题——用js编写一个时钟实例
- listview增加footer时图片闪动问题
- 升级xcode7问题汇总(持续更新)
- 关于使用cocoapods安装使用的问题记录
- 【剑指Offer】最小的K个数
- css的扩展技术
- css技术扩展
- less和sass
- MySQL查询不使用索引汇总 + 如何优化sql语句
- 浅谈CSRF攻击方式
- 学编程需要攻克的8个障碍!
- Hive简介
- Win7下配置java环境变量
- Chapter 1
- 大道至简第一章心得体会
- THEOS的第一个TWeak的成功创建