Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 配置在iFrame中打开的网站的视口设置_Javascript_Css_Google Chrome - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 配置在iFrame中打开的网站的视口设置

Javascript 配置在iFrame中打开的网站的视口设置

javascript css google-chrome

Javascript 配置在iFrame中打开的网站的视口设置,javascript,css,google-chrome,Javascript,Css,Google Chrome,我在iFrame中打开一个自定义高度和宽度（300 x 400）的网站。该网站的媒体查询不起作用，因为有用于更改css的max device width。此外，对于iframe偶数屏幕.availWidth（以1240px的形式出现）是相同的桌面宽度，而不是iframe宽度 在对定制设备（iPhone 5）进行Chrome仿真时，我可以看到screen.availWidth（320px）和max device width正在工作。是否有任何解决方案，以便我可以更改在iframe中打开的网站的屏幕

我在iFrame中打开一个自定义高度和宽度（300 x 400）的网站。该网站的媒体查询不起作用，因为有用于更改css的
max device width
。此外，对于iframe偶数
屏幕.availWidth
（以1240px的形式出现）是相同的桌面宽度，而不是iframe宽度
在对定制设备（iPhone 5）进行Chrome仿真时，我可以看到screen.availWidth（320px）和
max device width
正在工作。是否有任何解决方案，以便我可以更改在iframe中打开的网站的
屏幕宽度
值？
仅仅因为您在iframe中放置了一些内容，这并不意味着您的实际屏幕突然变小…我想模拟在iframe中打开的网站的屏幕大小，而不是顶部窗口。然后您可能需要编写浏览器扩展来处理这些值；网站上下文中的普通JS不会让你走得很远，至少如果两个网站都来自不同的域一个使用screen.availWidth来承担责任的网站从一开始就是做错了事情。浏览器窗口不必像屏幕那么大，因此基于此做出任何决定都是毫无意义的。该网站没有使用
屏幕。可用宽度
，它使用媒体查询，并且使用
最大设备宽度
，在自定义大小的iframe中打开时不起作用。我唯一的问题是，我可以在iframe和
最大设备宽度
中查看响应网站，从iframe宽度而不是屏幕分辨率宽度中获取值。这是不可能的。设备宽度也不会改变，只是因为您在iframe中放入了一些内容。