CODEWITHSUNDEEP
javascripthtmlcss
songvan
songvan

Reputation: 379

How to make contents of a html page smaller?

I have a html page with tables and texts. How do I make all the content smaller without breaking any form ?

I tried this css but it breaks the form of the table, so the header of table overlapped.

body{
    -webkit-transform: scale(0.67);
    -moz-transform: scale(0.67);
    transform: scale(0.67);
}

Upvotes: 0

Views: 741

Answers (1)

Edan Canning
Edan Canning

Reputation: 36

Try this:

body {
   zoom: 90%;
}

It depends on the way you set your content, but it might work.

Note: this doesn't work very well in Firefox (https://caniuse.com/#search=zoom)

Upvotes: 2

Related Questions