js网页自适应代码(js页面自适应屏幕大小)

我看了一下代码，在Chrome下获取frame里面的document确实是用 documentgetElementById#39frameId#39contentDocument这里报错的话，可能是因为Chrome没有获取到frame对象，你可以检查一下 简单的说跨域和同域 同域就是访问的。

1首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示2html页面代码如图所示，定义一个div，然后给一个id属性即可3这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者。

height获取高度如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

IE8及其更低版本不支持media query，可以使用 mediaqueriesjs或 respondjs脚本实现支持2在CSS文件尾部增加针对不同屏幕分辨率的规则例如使用如下的代码，可以让屏幕宽度低于480像素的设备如iPhone等，网页侧栏隐藏。

1首先，在网页代码的头部，加入一行viewport元标签viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕面。

少用 JS 多用 CSS， 提升运行效率 另外 resize 事件当用鼠标拖放窗口大小时， 触发非常频繁， 谨慎使用建议 body 下 布局一个 DIV， 这个DIV 的 CSS 可以这样处理 position absolute left0px right。

= quoturlimgleftpng norepeat center centerquotdocumentall#39frmTitle#39styledisplay = quotquot findDimensions 调用函数，获取数值 windowonresize = findDimensions将此js脚本放到页面的最下边。

body backgroundurlbgjpg top center norepeat backgroundsizecover 这样的话背景图片就会填充整个屏幕了 不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看。