Is there a way to scale entire website content i.e. twice as much or to fill the screen?
I’m not clear about what you are asking exactly.
What type of content specifically are you wanting to scale and why?
Or rather, what problem are you wanting to solve?
When browsing page on mobile device, i.e. tablet, everything is too small, because the page is not responsive.
I have found a working way using following code:
<meta name="viewport" content="width=500, initial-scale=2.0"> </meta>
Then the answer is to make it responsive and use the normal viewport tag.
The usual viewport tag for responsive pages is:-
<meta name=viewport content="width=device-width, initial-scale=1">
Note that meta tags are self closing.
If I use your code I get big margins at the sides. It’s being set up for single size tablet so I have no need to make it work with anything. But thanks for your input.
Generally you would do what Sam suggests and build a responsive site that fits all devices.
However, if as you say you just want it on your own device then basically do what you like.
If you want other people to look at it then you would have to design more carefully.
Not all tablets are the same width but without knowing your use-case we will just have to trust that you know what you are doing.![]()
That’s the thing. It’s not even a website, more of a database control tool, so no public access will be allowed and it’s kept in local machine.
If it is solely for a specific device, you would style the pages, using css, for that device. Not make a design, then re-scale to shoe-horn it into the device.
So you would do things like setting appropriate font sizes and element max-widths etc.
Though IMO it would be best to keep it as fluid as possible to account for future hardware changes.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.