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;  /*关键是这一行代码，使得该代码能够在不同的设备上自适应的显示*/
}

显示结果为：