如何使用 div 的媒体查询作为桌面网站移动预览的屏幕？

Question

我需要在具有手机 phone 大小的 div 中显示响应代码的预览，如何使用媒体查询？ 或者我可以用 jquery 来做？ 非常感谢 ！

Answer 1

HTML

<iframe src="link-to-the-site-you-want-to-demo.html"></iframe>

CSS

iframe{ /*your phone dimensions here*/
    height:640px;
    width:320px;
}