Resizing for tablets

[sonicthehedgehog]

Is it possible to scale a website down to fit onto a table? I've used @media to style it for phones but want to actual site to be shown on tablets.

Not everything is scaling to fit on the tablet and I didn't know if there was a one line quick fix for tablets?

[Ingolme]

There is no quick fix, you must apply the principles of responsive design to your HTML and CSS code.

[sonicthehedgehog]

I read about this: <meta name="viewport" content="width=device-width, initial-scale=1.0"> but didn't know if it could be used to scale the site?

[Ingolme]

That's one of the things you need to do to make the website responsive. I don't know how your site is coded, so I can't tell for sure if it's the only thing you need to do to fix the problem.

[dsonesuk]

Usually the device width and how the layout fits within that width determine the media query to use, so when device width falls below 768px (portrait tablet view) it reverts to mobile/handheld layout with mobile menu, above that depending on device width it would have appropriate sizing as it moves from tablet to wide screen desktop device media queries, for example

@media (min-width: 750px){ /* tablet styling*/}@media (min-width: 768px){ /* greater than tablet */}@media (min-width: 992px){ /* desktop 1024 */}@media (min-width: 1280px){ /* wide screen desktop  and greater*/}