导航:首页 > 万维百科 > 网页设计怎么让div等比缩放

网页设计怎么让div等比缩放

发布时间:2021-02-19 04:24:21

1、css怎么让div的高度随着宽度按比例缩放

常用的方法是通过背景图标的cover属性让div的高度随着宽内度按比例缩放
 容 
#banner .bd li {
width: 100%;
background-repeat:
no-repeat;
background-size: cover;
background-position: center
0;
background-position: 50% 50%;
-webkit-background-size:
100%;
padding-top: 42%;
}

2、html页面设计时,怎样使一个div随着窗口的变化而等比例地变化?需要设置这个div的那些属性?

你好 设置宽度即可 也就会 width:100%
希望能帮到你 谢谢

3、html如何让div进行缩放 , 就向按住Ctrl+滑轮放大缩小网页一样缩放div??

||

用css的zoom和js的addEventListener

var scrollFunc=function(e){
    var direct=0;
    e=e || window.event;
    
    div = document.getElementById('div');//最重要的
    
    if(e.wheelDelta){//IE/Opera/Chrome
        div.style.zoom = wheelDelta;
    }else if(e.detail){//Firefox
        div.style.zoom = wheelDelta;
    }
    ScrollText(direct);
}
/*注册事件版*/
if(document.addEventListener){
    document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari

暂未测权试

4、div和css制作的网页如何实现缩放

如果固定值,它也缩小的话,那才是浏览器界大乱。。。。

如果你专需要这样做,必属须要用100%;

还有一个办法可以解决你的做法,,JS,JS是可以判断当前浏览器大小的,然后把相关的元素宽度改了就行了。。。。

你可以搜索一些粟子,,,像全适应HTML模版,,,有一些是通过JS来处理大小的。。。。

5、html图片如何按屏幕大小等比例缩放

html图片按屏幕大小等比例缩放若浏览器允许可按Ctrl+鼠标滚轮滑动缩放,或用代码。

6、怎么写 div 框架才能实现等比例缩放

<div style="width:100%;">
<div style="width:50%;float:left;">
<div "width:50%;float:left;"></div>
<div style="width:50%;float:right;"></div>
</div>
<div style="width:50%;float:right;">
<div style="width:50%;"><img src="http://www.0563jx.com/login.png" width="100%" />图片也用百分回比答</div>
</div>
</div>

7、如何让div随着窗口比例的缩放而缩放?

可以用百分比:
1、首先要把文档的宽度设置成百分比:body{height:100%;}
2、然后需要把div的宽度高度设置成百分比:div{width:50%;height:50%;}

8、div+css把图片等比缩放怎么弄

这个只需要在图片那里加入尺寸就OK了,不过一般我们都不这样做,这样做图片会变形的。我们一般都是先用fireworks(或者PS)调好尺寸再放进去的。

9、做响应式网页,如何让一个div的高和宽保持比例放大 缩小

1,方案一:响应式来做,可以根据媒体查询,设定在不同屏幕宽度下div的高度和宽版度,具体的设置看你响应式想怎权么显示

@media only screen and (min-width: 100px) and (max-width: 640px) {
div{
width: 100px;
height: 100px;
}
}
@media only screen and (min-width: 641px) and (max-width: 789px) {
div{
width: 200px;
height: 200px;
}
}
2.方案二:百分比来做,这里需要运用一个小技巧,padding用百分比做单位时是相对于容器的宽度来算的,所以你可以把高度设为0,内容自然溢出,设置个padding-bottom

height:0;
width:50%;
padding-bottom:30%
那么这个div的高宽比就是30%:50%

10、做响应式网页,如何让一个div的高和宽保持比例放大或是缩小?

响应式来做,可以根据媒体查询,设定在不同屏幕宽度下div的高度和宽度,具体的设置看你响应式想怎么显示:

@media only screen and (min-width: 100px) and (maxwidth:640px{div{width:100px;height: 100px;}}@media only screen and (min-width: 641px) and (max-width: 789px) {div{width: 200px;height: 200px;}}

与网页设计怎么让div等比缩放相关的知识