使用PHP在网站内进行分辨率模拟

Question

I have pretty strange question. Is there any way to simulate resolution in PHP/javascript? Lets say, my current resolution of screen is 1280x800. I have a container which is 50% width of web page, within it, I would like to be able to see, how something looks like in diferent resolution, lets say, on 1600x900 laptop screen. It should be shown only within that container. Is it possible? how it can be accomplished?

Answer 1

You could use css zoom

Css

.r100_50 {
  width: 100px;
  height: 50px;
  background-color: #A00;
}

Html

<div class="r100_50">
  This is 100 x 50
</div>
<div class="r100_50" style="zoom: 0.25">
  This is 100 x 50 x 0.25
</div>
<div class="r100_50" style="zoom: 2">
  This is 100 x 50 x 2
</div>

jsFiddle (zoom)

EDIT: Another (better) way is to use css transformation, scale as pointed out by Justinas.

jsFiddle (transform)