1 reply [Last post]
gidmeister3's picture
Last seen: 4 years 27 weeks ago
Timezone: GMT-5
Joined: 2014-11-01
Posts: 6
Points: 13

We have a website that is too wide for a tablet. Part of the problem is that it has a greek temple, with columns at each side and the content between the columns. The widths of the components of the graphic were specified in pixels.

The client asked me this question. He has a new laptop with a very small screen (an Asus transformer book). His laptop shows the whole width of the page, though of course everything is miniaturized to some extent.

Then he tried it on an i-pad. Here, part of the temple is off screen, and he has to scroll horizontally to see it.

I suggested that maybe the i-pad tablet lacks the resolution of the Asus. But he said that i-pads are supposed to have great resolution. I looked it up and the Asus laptop has 1366 x 768 and the i-pad 2 has : 2048 x 1536 which is considerably more than the Asus.

So that explanation was wrong.

I could of course convert the pixels to percents, but that will cause side-effects, and my client wants the same exact look.

I have a meta tag, as follows:

< meta name="viewport" content="width=device-width, initial-scale=1.0" / >
This helped a little.
We also notice that on some tablets, the site looks fine as is. One others, it is too wide.
Can anything simple be done?

gary.turner's picture
Last seen: 1 year 11 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858


Hard to suggest fixes when we can't see the site.

Right off the bat, it sounds like you have an image-bound page. That's a major no-no in my book. Simple fix? Remove the temple on smaller monitors.



If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.