Is there a view port setting that will max my site always fit in witdh

[mvaneijgen]

Im developing a game/app (drag and drop) for the browser and i want it to fit always in the width in every browser and every device. I was thinking about viewport but i can’t seem to find the setting.

A other idea is the zoom function of the browser but i want do have the control not let the user zoom in manually

To make my question more clear i illustrated it below.
example

[Ilan Firsov]

2 options:
1. Set viewport to device-width and make sure to use % widths
2. Set viewport to the width of your container/wrapper (+ some padding if needed). When using this option you want to allow the user to zoom in and out as text and such may be too small to read.

As for your demo here is your problem:

.dragboard {
  position: absolute;
  width: 1000px;
  height: 585px;
}

You must use % based widths to make the element fit the viewport. It fits the iPad because the iPad screen is that size (768×1024, or double for retina screens)

[Author]

Posts