CSS Layouting – max-width

Property max-width bedanya dengan width seperti pada postingan sebelumnya adalah width ukuran dari div statis sesuai dengan nilai yang diberikan misal 600px seterusnya 600px. Tapi apabila di berikan property max-width : 600px; maka div akan memiliki ukuran max 600px; ketika browser di kecilkan ukuran div akan mengecil dynamis namun tidak menjadikan scroll di browser. Maksud dari penggunaan max-width adalah untuk memenuhi kebutuhan tampilan di versi mobile.

<_div class="container"></div>

style css

.container {
max-width: 600px;
margin: 0 auto;
}

Bisa di praktekan bagaimana hasilnya di browser. Property ini sudah hampir di support oleh berbagai browser terkini. semoga bermanfaat, wassalam.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s