用于特定大小屏幕的CSS(在我的情况下为iframe)

时间:2015-05-21 10:23:04

标签: javascript html css

我正在一个网站上工作,这个网站将像所有应用程序一样加载到iframe中,如果我没有弄错的话,在facebook中加载。显然,框架的固定尺寸为600 x 800像素。因此,我必须纠正CSS样式。

"模拟"更好的方法是什么? iframe的600 x 800 尺寸,以便我可以看到网站在通过iframe加载时的外观?我无法调整浏览器的大小,因为它不会以像素为单位显示其大小。

2 个答案:

答案 0 :(得分:0)

在chrome中有一个device mode,您可以在其中将屏幕大小更改为您想要的大小。按F12,然后在窗口的左上角有一个设备图标。这将模拟您按照规范进行的任何网站。

您可以Control + Shift + M在Firefox中执行此操作! 希望有所帮助!

答案 1 :(得分:0)

IE,Firefox和Chrome都有可以让您以特定分辨率显示页面的选项

在Chrome中,不要忘记在“切换设备模式”后刷新页面