Loading...

CSS Different Types of Page Layouts

. 52 Videos
Subscribe
22,548,145
2,729,347 views
95% 39,852 852

About :

CSS has 4 types of layout:
1st is static page layout(The static page is sometimes called a fixed layout or static width layout)
2nd is Liquid page layout( Liquid page layout sometimes called fluid or fluid width layout.
)
3rd is Adaptive page layout
4th is Responsive page layout


Static Page Layout:
Static page is working with fixed width and without using media query. because of that in mobile this page will look very small. we can't see any changes in the layout when window is resized.

Liquid Page Layout:
Liquid page layout all container has percentage width but has no media query. because of that, In mobile this page will look very small with resizing content and resizing width of container.


Adaptive Page Layout:
Adaptive page layout all container has fixed width in px(pixel) and also has mobile media query with using html meta viewport. here you can hide, enlarge, or move the content to make it look good on any screen. but because of fixed size you can't resize your container and that's why you need to put width auto or use parentage width for mobile.


Responsive Page Layout:
Responsive page layout all container has percentage width and also has mobile media query with using html meta viewport. here you can resize, shrink, hide, enlarge, or move the content to make it look good on any screen.

The main reason behind this subject is that many client, developers don't know different between fluid layout, responsive and liquid layout.

I hope you got idea about the topic discussed in this video and if you like this video please subscribed and like this video.

web acappella rc

morph minecraft 1.7.10

lg l90 android 6.0

ip invalido rede nao identificada

como transformar um link em torrent

atualizar o kodi

como baixar e instalar combat arms 2016

lg l70 hard reset

como limpar o cache do kodi

como configurar roteador dir 615

Tags :

css different types of page layouts css tutorials css page layout types Responsive page layout Adaptive page layout Liquid page layout Static Page Layout:

Google AdSense
728 x 90

Similar Videos:

50 Comments

    Popular Comments: