Query: Why does a smart phone fail to exhibit the website’s layout “as it is”?
The CSS layout that is desktop based can not be adjusted in the Smartphone’s thin viewport.
You can get a clearer idea of this working by carrying out the following activity. For this you will need to have newspaper, an empty tin can and a can opener.
- Make a tube out of the tin can by cutting of its bottom with the help of the can opener.
- Spread the paper on a table
- Bring the can close to your eyes and view the newspaper as if looking through the viewing area
- Now, You need to somehow make the newspaper small enough to fit in your viewing area and then rotate the paper through right angle in a clockwise direction
- As mentioned in the third step, view through your “viewport” again and see if you could find something interesting for yourself to buy!
This practice will make it clear to you that you might just be viewing a different version of The Times, by simply looking through a tin can. On the other hand I might just view a new version of the very same paper by viewing it with my larger tin can. Obviously, the navigation will be a problem to be solved…
This activity will make something evident which is weirdly true, that it is better to have specific newspapers for specific ‘viewports’ so that viewing does not become a trouble.
(You may now go back)