I have a site which needs to scale. In this case we scale from 960 up to look a specific way, but then instead of smooth scaling down, we say anything below 960 must be 480 regardless of device size.

So in the header tags I placed:

```
<meta name="viewport" content="width=480, initial-scale=1, maximum-scale=1" />

```

and then in the css I use:

```
@media only screen and (min-width: 960px){}

```

and

```
@media only screen and (max-width: 480px){}

```

My question is, how can I test this to see that it jumps? I have chrome with the Window Resizer Extension. But I am curious if I am doing this right in terms of the settings I have.