<!doctype html>
<html>
<head>
<title>nnbabi</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(
function () {
var w=$("#test").width();//取得宽度
alert(w);
$("#test").height(w);//设置高度为宽度值
});
</script>
<style>
#test{width:20%;margin:0 auto;background:#f00;}
</style>
</head>
<body>
<div id="test">这是一个宽度为20%的DIV</div>
</body>
</html>
html手机端自适应正方形写法
最新推荐文章于 2024-04-13 13:14:42 发布