css怎样设置div高度随浏览器

css怎样设置div高度随浏览器,第1张

用js设置更好

<script language="javascript">

var ss;

windowonload=function()

{

var w=documentdocumentElementclientWidth ;//可见区域宽度

var h=documentdocumentElementclientHeight;//可见区域高度

ss=documentgetElementById('ha');

//alert(w);

ssstylewidth=w+"px";

ssstyleheight=h+"px";

}

<div id="ha" style="border:1px solid #000000;"></div>

如果某个div设置了高度,你可以获取这个div的高度,然后可以把这个高度给任意一个div赋值。

var height_num=documentgetElementById("divID")height;

var object_div=documentgetElementById("childDiv");

object_divheight=height_num;

用clientHeight或offsetHeight。

对于没有具体设置高度的元素,不能直接用height获取高度。

clientHeight表示内容可见区域高度;offsetHeight不同浏览器数值不尽相同,除了clientHeight的高度外还包括边框等的高度。

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-: 42%;

}

C#怎么让控制元件随窗体按比例缩放?

你可否换个事件写缩放程式码?放到载入里面去

cad家俱怎么按比例缩放

*** 作步骤如下:

命令: sc

SCALE

选择物件: 指定对角点: 找到 1 个

选择物件:

指定基点:

指定比例因子或 [复制(C)/参照(R)]: 2 (比例)

如何按比例缩放UIImageView

CAXA比例是非常方便的,你可以直接输入号码,你可以输入一个表示式,如取两件事情的长度扩大到5,输入比例因子:5/2,就可以了,这种方法并不特别适合知识这种情况放大系数。

按比例缩放需要用程式来完成,可以参照下面的程式:

@interface HYShowImageView : UIScrollView <UIScrollViewDelegate>

显示影象大图

-(void)showImage:(UIImage)image inView:(UIView )parentsView fromRect:(CGRect)rect;

@end

-(void)showImage:(UIImage)image inView:(UIView )parentsView fromRect:(CGRect)rect

{

_oldRect = rect;

[self setFrame:CGRectMake(0, 0, PHOTOWIDTH, PHOTOHEIGHT)];

selfshowsHorizontalScrollIndicator = NO;

selfshowsVerticalScrollIndicator = NO;

UIImageView showView = [[UIImageView alloc] initWithFrame:_oldRect];

showViewcontentMode = UIViewContentModeScaleAspectFit;

[UIView animateWithDuration:05f animations:^{

[showView setFrame:CGRectMake(0, 0, PHOTOWIDTH, PHOTOHEIGHT)];

}];

[self setBackgroundColor:color_with_rgba(0, 0, 0, 1)];

[parentsView addSubview:self];

[showView setTag:'show'];

[showView setImage:image]; 这个地方也可以用网路的

[self addSubview:showView];

增加两个手势

showViewuserInteractionEnabled = YES;

UITapGestureRecognizer singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleSingleViewTap:)];

[self addGestureRecognizer:singleTap];

UIPinchGestureRecognizer pinchGesture = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(handlePinchView:)];

[self addGestureRecognizer:pinchGesture];

}

增加了两个手势,一个点选取消,一个缩放

移除检视检视

-(void)handleSingleViewTap:(UITapGestureRecognizer )sender

{

[self setZoomScale:10 animated:NO];

[UIView animateWithDuration:05f animations:^{

UIImageView showView = (UIImageView )[self viewWithTag:'show'];

showViewframe = _oldRect;

selfbackgroundColor = color_with_rgba(0, 0, 0, 00);

} pletion:^(BOOL finished){

[self removeFromSuperview];

}];

}

缩放

-(void)handlePinchView:(UIPinchGestureRecognizer )sender

{

UIImageView imageView = (UIImageView )[self viewWithTag:'show'];

if ([sender state] == UIGestureRecognizerStateBegan) {

_imageHWScale = imageViewimagesizeheight/imageViewimagesizewidth;

_beganScale = selfzoomScale;

}

[self setZoomScale:_beganScale senderscale];

if ([sender state] == UIGestureRecognizerStateEnded) {

[self scrollViewEnd];

}

}

- (void)scrollViewEnd

{

if (selfzoomScale < 10) {

[self setZoomScale:10 animated:YES];

selfcontentOffset = CGPointMake(0, 0);

} else if (selfzoomScale > 30) {

[self setZoomScale:30 animated:YES];

}

}

把UIImageView放到UIScrollView中,将UIScrollViewDelegate中的- (UIView )viewForZoomingInScrollView:(UIScrollView )scrollView方法return这个imageView

js实现div盒子宽度和高度成比例缩放怎么写

说一下思路:

等比例  就是要找出宽高的比。如果100/80

然后在缩放时,先缩放一个,然后用已知的宽高比算另一个值。

最常用的办法是:把你<div id="Layer7"></div>的背景颜色改成与此div的父级div的背景颜色一样,这样一来,<div id="Layer7"></div>跟父级div的颜色融为一体,就算<div id="Layer7"></div>高度固定,也看不出其高度会不会变化。这是大部分使用边侧菜单的网页常用的方法。要这么做,你的HTML代码只需要加上一个div,其它不变,修改如下:

<div id="Layercontent">   /  加上这个div,把6 7 8 9 10div 包起来 /

<div id="Layer6"></div>

    <div id="Layer7">

        <div id="Layer8"></div>

        <div id="Layer9"></div>

    </div>

    <div id="Layer10"></div>

</div>                    /  加上这个div,把6 7 8 9 10div 包起来 /

CSS代码其他不变,只用以下代码清单更换你相应部分:

#Layercontent {

position:absolute;

margin-top:152px;

margin-left:21px;

width:858px;

background-color: #cccccc;       / 设置大背景颜色 /

}

#Layer6 {

float: left;

border-right: 1px solid rgb(120, 120, 120);

width:615px;

height:auto!important;

_height:625px;

min-height:625px;

z-index:7;

background-color: #cccccc;      

}

#Layer7 {

float: right;

height:auto!important;

_height:625px;

min-height:625px;

width:234px;

z-index:7;

background-color: #cccccc;  / 设置此div背景颜色与大背景颜色一样 /

}

#Layer10 {

float: left;

margin-top: 15em;

width:858px;

height:88px;

text-align: center;

line-height:44px;

background-color: #cccccc;      

}

颜色都可以修改,只需保证#Layer7与#Layercontent背景颜色一样,这样看起来#Layer7就像自动增加高度。

LZ 我知道你想干甚麼… 那个在 CSS 是做不到的

必须有 JS 帮助,我平常都自己写 function,下面给你一个 eqHeight() 的 JQuery 函数给你用呗

先你把两个浮动的 div 加上同一个 class

<div class="floating" id="left"></div>

<div class="floating" id="right"></div>

$(document)ready(function() {

$fneqHeight = function(minH, maxH) {

var tallest = minH || 0;

thiseach(function() {

if ($(this)height() > tallest) {

tallest = $(this)height();

}

});

if ((maxH) && tallest > maxH) tallest = maxH;

return thiseach(function() {

$(this)height(tallest);

});

});

$('floating')eqHeight(); // 这句就是呼唤 eqHeight 函数,把你两个 <div> 弄到同一最高度

});​

以上就是关于css怎样设置div高度随浏览器全部的内容,包括:css怎样设置div高度随浏览器、CSS 的设置 div子节点怎么自适应 父节点的高度呢 父节点没有设置高度值的、怎么用js获取到外部样式表写的高度为auto的div的真实高度呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9746480.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存