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){暂未测权试
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;}}