btcq.net
当前位置:首页 >> Div 缩放 >>

Div 缩放

实现div层的放大与缩小,参考实例如下: .content { border: 1px solid #ccc; width: 440px; overflow: hidden; margin: 10px; } $(document).ready(function() { if ($('#content').height() > 400) $('#content').height(400); $('#bigger').t...

body { background: url("./../img/bg.jpg") fixed center center no-repeat; background-size: cover; width: 100%; }

可以用百分比:具体的这么操作。 1、首先要把文档的宽度设置成百分比:body{height:100%;} 2、然后需要把div的宽度高度设置成百分比:div{width:50%;height:50%;} 下面是我写的一个实例,我把边框设置成1像素红色,方便看效果。你自己可以运行一...

代码如下: $(window).resize(function() { $("div").width(document.body.offsetWidth + "px"); $("div").height(document.body.clientHeight+ "px"); });

给他固定宽度即可!

除非你div的宽高比跟图片宽高比完全一致,否则没法完全合适。 如果一致: width: 100%; height: 100%。 如果不合适: 用width: 100%; height: 100%. 如果宽高比不对会压缩拉伸图片,看起来十分恶心 用width: 100%; 这样图片高度不等于div高度有...

图片也用百分比

这个是可以的。只要设置对应图片的width和htight的具体数值就可以了。举例一个: img{ width:auto; height:auto; max-width:100%; max-height:100%;}这样设置图片的话,可以使图片在指定的空间内缩放。4行的意思是: width:auto;图片的宽度自己...

CSS3已经可以满足你的要求,写法如下: div{background-size:50px 50px;height:50px;width:50px;} 但这种写法低版本的浏览器(如IE6等)是不支持的,只能处理图片到需要的尺寸了。 如你补充的问题就简单了,不需要CSS3,直接设置背景图片: body...

无标题文档 $(function(){ $("#test").mouseover(function(){ $(this).animate({width:"120%"},500); }).mouseout(function(){ $(this).animate({width:"100%"},500); }); });

网站首页 | 网站地图
All rights reserved Powered by www.btcq.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com