Tutorial Pengenalan Reka Letak Halaman Web CSS 2: Satu Lajur Adaptive Width_Tutorial Asas

Susun atur penyesuaian ialah bentuk susun atur biasa dalam reka bentuk web Susun atur boleh menukar nilai lebar dan ketinggiannya secara automatik mengikut saiz tetingkap penyemak imbas Ia adalah bentuk susun atur yang sangat fleksibel . Monitor berkecekapan tinggi boleh memberikan kesan paparan terbaik. Malah, keadaan lalai div menduduki seluruh baris ruang, yang merupakan ungkapan susun atur penyesuaian dengan lebar 100%. untuk menukar lebar daripada nilai tetap kepada nilai peratusan dalam bentuk.

Salin kod Kod adalah seperti berikut:

#layout {
sempadan: 2px pepejal #A9C9E2 ;
warna latar: #E8F5FE
tinggi: 200px;
lebar: 80%; untuk kebanyakan sifat gaya Semua memberikan peratusan, dan atribut lebar tidak terkecuali Di sini kita menukar lebar daripada lajur lebar tetap 300px kepada 80%. % daripada nilai % lebar penyemak imbas. Kelebihan adaptif ialah apabila tetingkap penyemak imbas dibesarkan atau dikecilkan saiznya, lebarnya akan kekal berkadar dengan lebar semasa penyemak imbas.

AA25.CN_Satu lajur lebar penyesuaian <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </title>Lebar penyesuaian satu lajur (AA25.CN)<style type="text/css"> <!-- #layout { border: 2px solid #A9C9E2; background-color: #E8F5FE; height: 200px; width: 80%; } --> </style> <div id="layout"></div> [Ctrl+A Pilih semua Nota:
Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan