Increase spaces when we decrease page

Asked

Viewed 58 times

0

I am creating an HTML5 page where I want to put the correct page size for all types of use, IE, the page appear correct regardless of the screen size.

When I reduce the HTML page this happens:

inserir a descrição da imagem aqui

In css how I can fix this situation?

  • 1

    How do you want the end result to be? The tip is not to use pixels as a drive. Use % or em or any other relative measurement unit. Take a look also at css frameworks such as bootstrap and the Foundation.

  • Do you want to fix this text spacing situation? I would recommend using Bootstrap who does this work for you.

  • I just want the white space to increase to continue the text in the blank

3 answers

2

Use % instead of px. Study fluid layouts or media query. If you want to use a front-end framework I recommend bootstrap.

1

If I understand your layout correctly, both the bar at the top and the bar at the bottom are fixed. You have no way augment the space of the content. What you can do is add scrollbars when necessary.

See an example on Jsfiddle. The css is commented to better understand the example.

0

I advise you to study fluid layouts. But start using % instead of px in their margins and paddings, is already a great start.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.