用html5开发手机网站，div的高度与宽度比例怎么来设定_随笔

div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。举例说明：父div(deman)宽300高200，子div(cc)如果在这个条件下设置divcc的宽高都为100%的话，那cc的确切大小就是父div的大小(宽300高200)，在尝试中你会发现，div显示会受自身和其上一级div的padding和margin影响，而其实际宽高不受影响。

可以用jQuery获取到当前的窗口的宽度，来计算iframe的宽和高，示例代码如下：

$(document).ready(function() {

var ifr_width=$(window).width()*0.75

$("#demo").css('width',ifr_width)

$("#demo").css('height',ifr_width*0.75)

})

</script>

jQuery中获取当前窗口的宽度代码是：$(window).width()

width和height属性是指你设置的宽度和高度，百分比指你设计的东西占屏幕大小的百分比。

例如你在写一个表格的时候：

<html>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

你通过调整百分比可以看到表格占总页面的大小的比例也随之改变！

希望以上对你有用！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/8302366.html

用html5开发手机网站，div的高度与宽度比例怎么来设定

发表评论

评论列表（0条）