Websites responsiveness. How to create a website adapted to all mobile devices?
What are responsive websites? In short, these are mobile pages - they adapt to the screen resolution on which they are displayed regardless of their dimensions. To illustrate this, let's take an example: responsive pages are displayed correctly on both a few-inch smartphone and a monitor with 4K resolution.
Having a responsive website has become extremely important now when most web traffic comes from mobile devices (smartphones, tablets) of all sizes. It is so important that even Google positions responsive websites higher!
BOWWE allows you to quickly adapt your website to any device. In this tutorial, you will learn how to do it easily.
How to adapt the website to mobile devices?
You will develop a device selection panel where you can edit your website. Now select Tablet Horizontal.
The layout of the Creator has changed and now you can see how your page would be displayed on the tablet in landscape position.
What to do when the desktop webiste looks different than on mobile devices?
This is perfectly normal and you have nothing to worry about. The values you've given to all the widgets on the desktop version of the website will probably not display as well on mobile devices!
Instruction - Adapting your website to mobile devices:
The fastest way to create a responsive website
The principle of style inheritance.
How does the principle of style inheritance work?
The style inheritance rule says:
Any changes and styles you make to widgets in one of the devices' view will be transferred to all devices lower in the inheritance hierarchy.
Here's what the style inheritance hierarchy looks like:
- Tablet Horizontal
- Tablet Vertical
In practice, this means that:
Any styles given to widgets in the Tablet Vertical view will be transferred to the Phone versions.