核心提示：HTML Responsive Web Pageindex.htmlResponsive Web DesignLondonLondon is the capital city of England.I...
HTML Responsive Web Page
index.html
Responsive Web Design
London
London is the capital city of England.
It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Paris
Paris is the capital of France.
The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.
Tokyo
Tokyo is the capital of Japan.
It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.
style.css
h1 {
text-align:center;
background-color:black;
padding:5px;
color:white;
}
.city {
height:200px;
max-width:410px;
border:1px solid grey;
margin:10px;
padding:5px;
overflow:hidden;
float:left; /*关键是这一行代码，使得该代码能够在不同的设备上自适应的显示*/
}
显示结果为：
