32nd Project Combat-Mobile Fluid Layout 5

32nd Project Combat-Mobile fluid layout [5] Learning Essentials: 1. Navigation headspace 2. Three columns 3. About us this chapter starts with the first PC-side project, which is designed to be a mobile-accessible page, which uses a fluid layout. A Navigation fixed due to the low height of the mobile device screen, there is no convenience of scroll bar operation. In general, the navigation section of a column is always fixed to a certain location on a mobile device. We will always place the head navigation permanently on the head and will not change as the page slides down. Headspace positioning #header {position:fixed;top:0;z-index:9999;} The corresponding downward bargain 45px#adver {padding:. 45rem 0 0 0;} Three Three columns and fixed layout, columns have a picture background and the size of the title. HTML section travel information introduce all kinds of latest travel news, news, attractions, etc. Ticket ordering service for various air tickets, train tickets, car tickets and ferry tickets Company Profile Company's development history, access to honor and contact information css#headline {max-width:6.4rem;margin:0 auto;padding:0.45rem 0 0 0;position:relative;} #headline hgroup {position:absolute;top:50%;left:10%;} #headline H2 {color: #eee; letter-spacing:0.01rem;font-size:. 22rem;} #headline h3 {color: #eee; letter-spacing:0.01rem;font-size:. 14rem;} Three Company Profile This column is the simplest, we are the highest priority to complete. Html About Us

Dipper City travel Agency Travel Network was founded in October 2006 to "make travel easier" for the mission, to provide consumers from Beijing, Shanghai, Guangzhou, Shenzhen and other 64 cities travel products Booking services, product comprehensive, price transparent, 365 days a year 24 hours 400 telephone reservations, and provide a wealth of follow-up services and protection.

At present, Dipper City Travel Service network provides more than 80,000 kinds of tourism products for consumers to choose, covering with the group, self-help, self-driving, cruise, hotel, Visa, scenic tickets and corporate tourism, has successfully served more than 4 million people travel.

At the same time, based on the global Chinese tourist directory of Dipper City Travel Network and the Chinese tourism community, we can better help visitors to understand the destination information, make good travel plan, and easily book the service items in the journey.

Contact Us

• Dipper City Travel Service Co., ltd
• Address: No. 1234th daqing Middle Road, Yancheng, Jiangsu, China
• P.C.: 1234567
• Tel: 010-88888888
• Fax: 010-88666666

css.list {max-width:6.4rem;margin:. 15rem auto;font-size:. 16rem;padding:0.1rem;color: #666;}. List H2 {font-size:. 20rem;border-bottom:1px dashed #999;p adding:0 0.15rem 0;}. About P {line-height:2;margin:. 2rem 0;}. About address {font-style:normal;margin:. 2rem 0;line-height:1.6;} Responsive part/* Media query, greater than 480px less than 640px*/@media (min-width:480px) and (max-width:640px) {#tour H3, #footer, #tour figcaption, #tou R. info,.list {font-size:. 16rem;} #headline H2 {font-size:. 22rem;} #headline h3 {font-size:. 14rem;}. List H2 {font-size:. 20rem;}} /* Media query, less than 480px*/@media (max-width:480px) {#tour H3, #tour figcaption, #tour. info,.list {font-size:. 14rem;} #headline H2 {font-size:. 18rem;} #headline h3 {font-size:. 12rem;}. List H2 {font-size:. 17rem;}} Code: <title>Dipper City travel Agency-Mobile Terminal</title> Site Navigation

• Home
• Information
• Ticket
• About

Ticket ordering service for various air tickets, train tickets, car tickets and ferry tickets Ticket reservation Client | Touch screen version | Computer Edition copyright? Ycku Dipper City Travel Service | Su ICP 备 120,110,119th No. <title>Dipper City travel Agency-Mobile Terminal</title> Site Navigation

• Home
• Information
• Ticket
• About

travel information introduce all kinds of latest travel news, news, attractions, etc. Popular Tours Client | Touch screen version | Computer Edition copyright? Ycku Dipper City Travel Service | Su ICP 备 120,110,119th No. <title>Dipper City travel Agency-Mobile Terminal</title> Site Navigation

• Home
• Information
• Ticket
• About

Search recommended for all the latest popular travel information! < BANGKOK-Pattaya 6th tour >

Special package, super-rich attractions

Satisfaction Degree 77% from ￥ 2864 < Maldives pisces Olhuveli4 night 6th self-guided tour >

From Shanghai, Machine + wine included: Morning dinner + Speedboat

Satisfaction Degree 97% from ￥ 8039 < Hainan double Fly 5th Tour >

Including Yancheng transfer, the entire listing four star hotel

Satisfaction Degree 90% from ￥ 2709 < Fushan-Osaka-Tokyo 8th Tour >

Summer holidays, 2 days free, no guide arrangement

Satisfaction Degree 97% from ￥ 9499 < Rheinperle Italy 12th Tour >

4 to 5 stars, Golden Train, Jungfrau

Satisfaction Degree 97% from ￥ 9199 < Bali 6th semi-self-guided tour >

Blue Dream Sea, exclusive villa, Banyan tree Afternoon tea

Satisfaction Degree 95% from ￥ 6488 < Seychelles Dubai 9th self-guided tour >

A visit to the two countries, 4 nights in Seychelles, 2 nights in Dubai

Satisfaction Degree 100% from ￥ 9669 < Fancy sister Turkey 9th or 10th tour >

Up to 3000 off! Six Chinese dishes and a soup

Satisfaction Degree 93% from ￥ 9999 Client | Touch screen version | Computer Edition copyright? Ycku Dipper City Travel Service | Su ICP 备 120,110,119th No. <title>Dipper City travel Agency-Mobile Terminal</title> Site Navigation

• Home
• Information
• Ticket
• About

Company Profile Company's development history, access to honor and contact information About Us

Dipper City travel Agency Travel Network was founded in October 2006 to "make travel easier" for the mission, to provide consumers from Beijing, Shanghai, Guangzhou, Shenzhen and other 64 cities travel products Booking services, product comprehensive, price transparent, 365 days a year 24 hours 400 telephone reservations, and provide a wealth of follow-up services and protection.

At present, Dipper City Travel Service network provides more than 80,000 kinds of tourism products for consumers to choose, covering with the group, self-help, self-driving, cruise, hotel, Visa, scenic tickets and corporate tourism, has successfully served more than 4 million people travel.

At the same time, based on the global Chinese tourist directory of Dipper City Travel Network and the Chinese tourism community, we can better help visitors to understand the destination information, make good travel plan, and easily book the service items in the journey.

Contact Us

• Dipper City Travel Service Co., ltd
• Address: No. 1234th daqing Middle Road, Yancheng, Jiangsu, China
• P.C.: 1234567
• Tel: 010-88888888
• Fax: 010-88666666

Client | Touch screen version | Computer Edition copyright? Ycku Dipper City Travel Service | Su ICP 备 120,110,119th No.

32nd Project Combat-Mobile Fluid Layout 5