如何在网站中嵌入响应式网站而不会丢失网站设计响应？

-2

嗨我有一个响应式设计的网站嵌入到另一个网站。但问题在于，在移动设备和平板电脑上，嵌入式网站不断响应设备窗口大小。代码如下。预先感谢您的帮助。如何在网站中嵌入响应式网站而不会丢失网站设计响应？

<!DOCTYPE html> 
<html> 
<header> 

<script src="http://code.jquery.com/jquery-latest.min.js" 
     type="text/javascript"></script> 
<style> 
html, body { 
    height: 100%; 
} 

div { 
    height: 99%; 
} 

object { 
    width: 100%; 
    min-height: 100%; 
}  
</style> 

<script> 

$(document).ready(function() { 

    $("#siteloader").html('<object data="www.responsivesite.com" />'); 

}); 
</script> 


</header> 



<body> 

<div id="siteloader"></div> 








</body> 






</html>

来源

2015-12-06 Mark Rodriguez

使用iframe嵌入其他页面。媒体查询将根据iframe的宽度进行处理。例如，

窗口宽度 - 480像素
iframe的宽度 - 100％
@media（最大宽度：480像素）将触发。

窗口宽度 - 480像素
iframe的宽度 - 80％
@media（最大宽度：480像素）将不触发。

来源

2015-12-06 02:03:45

把这个在HTML

<meta name=viewport content="width=device-width, initial-scale=1">

的头

来源

2016-08-31 01:18:37 Allan

如何在网站中嵌入响应式网站而不会丢失网站设计响应？

回答

相关问题