自适应怎么去掉高度,求支招

    自适应怎么去掉高度,求支招

    话题:怎样让一个div高度适应浏览器高度

    推荐回答:之前我只站在我的最高分辨率的角度站去写,把container的min-height设定达到最佳效果。却忽略了,如果大于我的最高分辨率时,这时container的min-heihgt就不能满足了!给container设height:100%,结果不行,我有点怀疑height:100%根本就没用的东西。在这个问题上,给container设min-heihgt:xpx肯定是不行了。查了很多资料,在他们提到的基本上很多都是html,body{height:100%;}container{height:100%;}。依照他们的方法依然没有效果,container改成{height:100%;min-height:100%}一样没有效果。其实这个问题归结就是让container自适应浏览器和内容两个高度。照常规的,当有背景图的时候我们都会直接放在body层,谁会去考虑container的高度到底是多高?此次项目,有两个背景图,在我想到这个方法时,也是受到别人相似的方法启发。自己写了一个小的测试当div为相对定位position:absolute的时候,我们给它设height:100%;它会自适应浏览器的高度。因此,在这我的解决方法是:html,body{height:100%}container{position:absolute;top:0;left:0;min-height:100%;height:auto}切记,height:auto不能height:100%。用height:100%,当container的内容高度小于浏览器的没出现问题,但当container的内容高度大于浏览器的高度时你会发现container的height并没有随着内容高度而自适应。最后说一下height:100%并不是没用的东西,呵呵,用到不对的位置就是没用的东西了!好了,自认为是挺不错的一种解决方法……哈哈!我觉得呢碰到的问题越多,学习才会有劲,学到的也会越多,吸收的也会越多。

    话题:怎么让div的高度适应屏幕的高度

    推荐回答:body,html的高度都设置为100%;然后用百分比设置div高度,div高度百分比是按他父元素算的,所以他父元素设置有高度他的百分比高度才有效

    话题:怎么解决手机浏览器 自适应宽高后

    推荐回答:解决手机浏览器自适应宽度和高度的方式是使用如下css即可:.contentimg{max-width:100%;height:auto;}但是网页中图片的img标签是这样的:注意到img标签里面style属性定义了height高度,这样css就无法重写样式。所以想到用PHP在页面输出的时候去掉img标签中height的CSS定义,代码如下:$content=preg_replace(‘/([^>]*)(height:[0-9]+px;)([^<>]*)/i’,’$1$3′,$content);这样替换之后img标签变成这样:OK,图片可以在手机浏览器中自适应宽高度了。为什么会这样呢?因为宽度很好说,是手机屏幕的宽度,可以定义max-width来解决,但是高度并不能自动按比例缩小,高度用max-height是手机屏幕的高度,所以img标签定义了高度就无法更改了。除此之外还可以用jQuery或者原生js,重写img标签里的CSS应该也行。后来有朋友这样说的手机浏览器(移动站点)图片自适应的css代码:img{max-width:100%;height:auto;width:auto\9;}用max-width设置如果图片尺寸大于当前浏览器尺寸就自动缩放,图片的高度设置正比缩放,但是ie8有个比较二的bug就是不支持max-width属性,而ie7和ie9都支持.

    话题:怎样让div显示自适应高度

    问题:如图,我用div设置左浮动后,图片内容并未显示完全,且在页面显示上未随内容的增减而自适应,因此请教一下:1、怎样让内容显示完全;2、怎样让显示效果随内容的增减而自适应。我所添加的代码如下:

    $title

请大家针对实际,不要复制,也不要模糊回答,谢谢!

    推荐回答:看了下你的代码之所以图片没显示全是因为a标签固定了宽度和高度,而尺寸不够现实图片。你代码里img的实际尺寸是要加上border的值。把a标签的改为width:122pxheight:92px;就能显示完全。若要自动适应高度则a标签height:auto;即可。若有不对还请见谅,希望能帮到你。追问谢谢你的回答,但是auto标签之前就试过了,就是不行,页面底端明明还有很多空白,就是不能完全显示和自适应。追答这个就不是很清楚了,要去试。可能是受其他代码影响。父标签+display:block;(或者用新盒子模型display:box;试试)或者在父标签结束前加一个试试吧。本回答由提问者推荐

    话题:HTML/CSS的自适应高度,高度问题如何解决?

    推荐回答:先设置html及body的CSS的高,分别为height:100%如下:html,body{height:100%;margin:0px;}或html{height:100%;}body{height:100%;margin:0px;}后面的高为100%才有效:

原创文章,作者:admin,如若转载,请注明出处:http://www.10jieke.com/s/1503.html

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注