Mobile web development is an important concept that can be
influential in the success of your online business. You required a responsive
theme for this. A responsive theme uses a combination of a fluid layout and
media queries to make the layout and content different on different-sized
devices. It doesn't just work for mobile web development; responsive themes can
change the look of a site on tablets or on really large screens, too.
Responsive design - Important Concepts
To get to grips with a responsive design, you'll need to
understand the following web development concepts:
Fluid layout: This is a site layout that uses percentages
for widths instead of pixels. The effect of this is that when the browser
window changes width, so does the site.
Media queries: We use media queries to add extra changes to
the CSS for devices of a particular width. The widths most commonly targeted
are:
Mobile devices such as smart phones: These are 320px wide
and 480px high, which means the width of the screen, will change when the
device is turned around. It is imperative to note this before you get started
with mobile web development.
Tablet devices: These vary in size but the screen on the
iPad, which is by far the most commonly used, is 768px wide by 1024px high.
Other tablets such as the Kindle Fire will be smaller.
Desktop computers: Their width ranges from 1024px and above.
It's common to set a maximum width for our layout so that on very large screens
(for example, over 1200px), the site doesn't lay out so far that it makes the
content difficult to read.
No comments:
Post a Comment