Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/65.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 如何在不丢失网站设计响应性的情况下将响应性网站嵌入到网站中?_Javascript_Html_Css_Responsive Design - Fatal编程技术网

Javascript 如何在不丢失网站设计响应性的情况下将响应性网站嵌入到网站中?

Javascript 如何在不丢失网站设计响应性的情况下将响应性网站嵌入到网站中?,javascript,html,css,responsive-design,Javascript,Html,Css,Responsive Design,嗨,我有一个响应设计的网站嵌入到另一个网站。但问题是,在移动设备和平板电脑上,嵌入式网站不响应设备窗口大小。代码贴在下面。提前感谢您的帮助 <!DOCTYPE html> <html> <header> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <style> html

嗨,我有一个响应设计的网站嵌入到另一个网站。但问题是,在移动设备和平板电脑上,嵌入式网站不响应设备窗口大小。代码贴在下面。提前感谢您的帮助

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

html,正文{
身高:100%;
}
div{
身高:99%;
}
反对{
宽度:100%;
最小高度:100%;
}       
$(文档).ready(函数(){
$(“#siteloader”).html(“”);
});

使用iframe嵌入另一个页面。然后将根据iframe的宽度处理媒体查询。比如说,

窗口宽度-480px
i帧宽度-100%
@将触发介质(最大宽度:480px)

窗口宽度-480px
i帧宽度-80%

@介质(最大宽度:480px)将不会触发。

将其放在html的头部

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