ptg16476052Responsive Web Design Best Practices 46716
That will make your table look better on the iPhone, as you can see in Figure 16.9.
Output ▼
As you can see, the first URL still scrolls off the screen, but it is much easier to read than
the initial version. But if this were a problem, you could remove that column either with
JavaScript or by using the display: none; property. But this is a bad solution because
it removes content from mobile customers. It’s better to work with your tables, changing
either the size or the arrangement so that they best fit on the screen of mobile devices.
Responsive Web Design Best Practices
Methods of doing responsive web design are changing all the time, so it’s always a good
idea to read what other web developers are coming up with. But there are a few things
you can do to make your site work out the best.
Give Everyone the Best Experience
Make sure that your site is as accessible and inclusive as you can make it. It’s very easy,
as a web designer, to get hung up on the way that you’re used to viewing the Web, but
FIGURE 16.9
The format of the
table changes on
the iPhone.