Javascript 基于PHP的网站分辨率仿真

我有一个很奇怪的问题。有没有办法在PHP/javascript中模拟分辨率？比如说，我当前的屏幕分辨率是1280x800。我有一个容器，它是网页宽度的50%，在它里面，我希望能够看到不同分辨率的东西是什么样子，比如说，在1600x900笔记本电脑屏幕上。它应该只显示在该容器中。可能吗？如何做到这一点

您可以使用css

Css

Html

这是100 x 50
这是100 x 50 x 0.25
这是100 x 50 x 2

编辑：另一种（更好）方法是使用Justinas指出的方法

---

在谷歌Chrome上，如果你打开开发者工具，你可以做的就是，我想让它在网站上可见，因为selfZoom是一个古老的IE东西。这不是你应该在现场网站上使用的东西。如果你想扩展内容，使用CSS转换-你提供的JSFIDLE不起作用。好吧，JSFIDLE在chrome中工作，而不是在Firefox中，正如我刚刚发现的那样。。。但是，是的，转换将更合适…感谢您的快速回答！

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

<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>