为什么给图片设置width:100% 它的高度并没有跟着变化

这个图里面就跟着等比缩放,
图片说明

为什么这个图就不行?
图片说明

0

13个回答

由于图片是替换元素并且该图片还进行了绝对定位,且你又没有设置height属性,这时浏览器会显示它的内在高度,534.
处理方式:
1.将position:absolute去掉或换成relative,或者手动设置height属性。

0
qq_31267527
摩羯座8838 height属性不要设置成auto,因为height属性的默认值就是auto
大约一年之前 回复

设置height: auto;

style="width: 100%; height: auto;"

或者换张图片试试

1

设置他自己本身100%不行,就试试其他方法,比如设置像素,设置包着它的div,查查swiper的文档看看有没有相关的文档等(我没用过swipe,刚入行不久,嘻嘻),耐心点总能找到方法的。

0

举一个小例子:

.a{
position:relative,
padding-top:50%;
height:0;
overflow:hidden;
}
.a img{
position:absolute;
top:0;
width:100%;
}
//padding-bottom=div的宽/高*100%;

//div中高度为0,溢出隐藏

0

可以设置一下高度自适应 height: auto;或者在外面加个div,给div设置宽高

0

看一下父元素或者css中是不是对图片的高度进行了限定

0

行间样式最强大,虽然有点繁琐。最终看行间样式

0

你的代码img元素的父类宽度位414px,你这设置图片 width:100% 最多也就宽度414px

0

我帮您看看是什么地方你到width设置了414px

0

我觉得是 你的样式 和swiper插件的样式冲突了,这个问题应该是 position,或者float问题引起的

0
共13条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
margin-top是相对于什么的?为什么设置的margin-top并没有什么变化
父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。
label的高度为什么会变化?
winform编程,一个usercontrol里,设计器里设置label的AutoSize为false,设定了字体:宋体,9pt,这时label的size中Height显示是21,但是运行起来后,发现label比旁边的TextBox短了一点,跟踪了一下,发现label的Height变成20了,这个是怎么回事?rn哪位朋友知道这个问题可能是什么原因引起的?(代码中没有设置过label的高度)
css通过width和padding设置元素高度
做html页面经常想要把元素宽度设置百分比,以适应设备的宽度,这好办,但如果我们的元素想要正方形的呢?想要高是宽的2倍呢,问题就来了。怎么设置呢?先来段代码: #square-box{ width:100%; height:0; padding-bottom:100%; } 这三行样式就能把我们的元素设置为随屏幕尺寸适应的正方形。那自己试试padding-bottom为200%吧。
为什么图片只要指定宽度,高度会自动跟着缩放?
为什么图片只要指定宽度,高度会自动跟着缩放?rnrnrnrnrn如果我图片很大,如果我指定宽度400,那么高度也会跟着缩放rnrnrnrn为什么?rnrn可以用这个来 缩放吗
设置图片的高度和宽度
在设置图片的宽度和高度时设置一个就可以了,因为是等比例的缩放。比如width=100,height=200.当设置width=50时。height就自动设置为100了。
width:100%与width:auto的区别
width:100% width:100%代表自身Width=父contentWidth*100% 其中当自身box-sizing:content-box(也是默认值)时,自身Width的含义为自身contentWidth,当box-sizing:border-box(IE盒模型,IE8及以下只支持IE盒模型)时,自身Width的含义为自身contentWidth+paddingWidth+b...
为什么有些datagrid设置的高度可以固定,有些datagrid的高度随记录数变化而变化?
rn如何设置啊?rnrn实在太笨,找不出区别在哪里,请大家告诉我啊rnrnrn
textarea文本域宽度和高度(width、height)自动适应变化处理
textarea通过cols和rows设置宽度和高度;也可以用style来设置width和height,分别介绍:   1. 设置宽度100%,textarea宽度随父元素变化; 2. 设置rows,textarea高度会发生变化,不再是仅仅一行;   以下是演示html,转载自:http://blog.csdn.net/domingoluis/article/details/667...
lua 根据图片高度设置scrollview高度
一个Scrollview 要展示两张不同长度的图片,写两个固定长度的Scrollview未免太浪费,就看了一下源码,找到了一个可以设置Scrollview滚动区域的方法。setInnerContainerSize(cc.size()) 下边是我自己封装的方法,传scrollview 和一个图片变量名进去function KaengRuleLayer:changeScrollviewHight(...
设置div高度为100%
直接使用如下代码设置div的宽度和高度时,div宽度会铺满屏幕,而高度为零。<div style="width:100%;height:100%"></div>原因:浏览器会直接计算窗口的宽度,作为容器宽度的缺省值。但是并不会计算窗口的高度,只是简单的向下堆砌。解决方法: 1.为该元素的所有父元素设置宽度为100%。<html style="height: 100%;padding: 0;marg
table 设置高度为100%
一般来说都是给table 加个style=&quot;height:100%&quot; 但是不产生效果的,为什么呢。因为表格是相对于页面来说 高度并不是100% 要在html body 也要设置100% &amp;lt;style&amp;gt;html,body{height:100%}&amp;lt;/style&amp;gt;      ...
给select框设置高度
class="article-start-box">class="categery">分类栏目 "position: absolute;z-index: 1;margin-left: 40px;" class="choose" onmousedown="if(this.options.length>6){this.size=7}" onblur="this.size=0" onchange="
给select下拉框设置高度!
笔者新建了一个QQ群:571278542 。欢迎大家加入! 最近做一个项目,需要用到select下拉框显示栏目列表,需求是下拉框只显示5-6个栏目,超出的部分用滚动条(因为select我感觉很奇怪,写几个option它就显示几条,而且,最坑的是,不能设置option显示的个数!如果,我100,1000个栏目呢?那就尴尬了)。在网上一直没有找到答案,在同事的帮助下,自己花费一天的时间,终于解...
WinForm dataGridView如何设置高度变化?
请教下:有2个datagridview上下放置于Form上(紧挨着),要求用户可以自己改变其宽度,上面的高度变化会影响下面的,就是说两个datagridview总的高度不变,改变的只是它们各自的高度
CSS 设置iframe,高度随内容变化
好。rn页面基本是DIV+CSSrn最大的DIV 是contentrn它包含 left 和 right两部分,class分别是left和rightrn在right中加了一个iframe,class是iframern下面是我现在的CSS设置rn.contentrnrn width:100%;rn border:solid 1px #006699;rn margin-top:5px;rn margin-bottom:5px;rnrnrn.leftrnrn width:17%;rn float:left;rnrn.rightrnrn float:left;rn min-height:500px;rn _height:500px;rn width:82%;rn border-left:solid 1px #006699;rn height:100%;rnrnrn.iframernrn padding:10px 5px 10px 10px;rn WIDTH: 99%; rn height:100%;rn rnrnrn这是页面中rn rn rnrnrn请问如何修改使iframe的高度随内容变化?也就是right的高度也是变化的。rn谢谢。rnrnrn
Buttion状态变化背景跟着变化
Buttion状态变化背景跟着变化     应用中经常可以看到,按钮什么的在被按下的状态时背景会变化。自定义一些属性就可以达到效果。Android提供了灵活的绘制选择机制,可根据视图状态转变视图外观。每个状态通过一个单独的部分而存在。例如:在正常、禁用、按下、高亮状态下的按钮有着不同的背景颜色。请看下面的代码示例: <item android:drawable="@drawab
主表变化,从表怎么跟着变化?
如主表是单条显示,从表用dbgrideh控件显示,从表建了外建,这么主表变化,从表也跟着变化?
那么如何设置图片的width="??" height="??"值?
下面表格是随页面大小100%变化高度和宽度,其中镶嵌了一幅图片(1600*800px)在一个50%*25%的td中,我想让图片随着表格大小自动缩放,那么如何设置图片的width="??" height="??"值?rn rn rn ....rnrnrn ....rnrn rnrnrn....rnrnrnrn
为什么input的width="100%"没有效果?
使用style=" width:100%"就可以,这是什么原因?
图片动态设置Cell高度
《从零开发一个iOS企业级项目实战之我的云音乐》这门课程是我们为iOS软件工程师打造的一门项目实战课程,目的是从零开发一个完整的音乐软件,让大家能从中学习到真正的知识,成为行业的高端人才,拥有更好的人生规划。
为什么textbox控件设置它的高度200不行?
为什么textbox控件设置它的高度200不行?rn我设成200,结果它自动恢复成285,这是为什么?
为什么无法变化panel图片???
//JavaTest.javarnimport java.awt.*;rnimport javax.swing.*;rnimport java.awt.event.*;rnimport javax.swing.event.*;rnpublic class JavaTest extends JFrame implements ActionListenerrn JSlider slider;rn JButton jb1,jb2;rn WPanel sPanel;rn double time=2;rn Timer timer;rn public JavaTest(String s)rn super(s);rn Container contentPane=getContentPane();rn //northrn JPanel panel=new JPanel(new GridLayout(1,2));rn slider=new JSlider(JSlider.HORIZONTAL,0,5000,2000);rn slider.setBorder(BorderFactory.createTitledBorder("滑动最大时间为5秒"));rn slider.addChangeListener(new ChangeListener()rn public void stateChanged(ChangeEvent e)rn time=slider.getValue();rn slider.setBorder(BorderFactory.createTitledBorder("间隔时间为"+time/1000+"秒"));rn rn );rn panel.add(slider);rn rn JPanel panel1=new JPanel(new GridLayout(1,2));rn jb1=new JButton("连续播放");rn panel1.add(jb1);rn jb1.addActionListener(this);rn jb2=new JButton("停止播放");rn panel1.add(jb2);rn jb2.addActionListener(this);rn rn panel.add(panel1);rn contentPane.add(panel,BorderLayout.NORTH);rn //centerrn sPanel=new WPanel("图片\\2.jpg");//“图片\\”中有很多图片rn contentPane.add(sPanel,BorderLayout.CENTER);rn setSize(300,400);rn rn public void actionPerformed(ActionEvent e)rn if(e.getSource()==jb1)rn time=slider.getValue();rn timer=new Timer((int)time,this);rn timer.start();rn rn if(e.getSource()==jb2)rn timer.stop();rn rn //每隔时间time重绘一图片,但为什么无法重绘rn if(e.getSource()==timer)rn sPanel.i++;rn sPanel.repaint();rn rn rn public static void main(String[]args)rn JavaTest javatest=new JavaTest("我喜欢你。。。");rn javatest.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);rn javatest.setVisible(true);rn javatest.pack();rn rnrn//WPanel.javarnimport java.awt.*;rnimport javax.swing.*;rnpublic class WPanel extends JPanelrn int i=1;rn String path="图片\\"+i+".jpg" ;rn public WPanel( String path )rn this.path=path;rn rn public void paint(Graphics g )rn super.paint(g);rn Toolkit tk=getToolkit();rn Image image=tk.getImage(path);rn g.drawImage(image, 0,0,this);rn rnrn为什么无法自动重绘图片?
WIN2008+IIS7.0 为什么gzip设置了并没有压缩
IIS压缩中已经启动了静态压缩,动态压缩并没有启动;rnapplicationHost.config中已经配置:rnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrn但是我使用Fiddler检测工具并没有发现响应头上有content-encoding:gzip的标注,也就是说站点根本就没有启动gzip;查看了很多很多资料,有人说IIS有一个“频繁访问”的逻辑,也有人说什么JS文件必须有TYPE类型声明;都试过了还是没有GZIP效果,请问是哪里配置了不对???
width:100% 问题
请问:当页面为如下情况,会产生一条红线,可是当我在menuunderline 里面添加width:100%属性时为何IE6会DIV中间有了宽度,而且加上height:0px也无法还原。请问IE6为何会解析成这样?rnrnrnrnrnrn rn 52css.comrn rnrnrn rnrnrnrnrnrn
为什么设置透明度的功能并没有实现?
```rnrnrnrnrn rn rn rn Documentrn rn rnrnrnrn rnrnrnrn```
设置文本框的高度为什么不起作用?
rnrn 如上所写,在设计模式下可以看到文本框的高度确实变小了,rn 但是一预览,高度却不是设计时的 高度,比16px要高很多。请教各位是什么原因造成的呢?rn
width设置相同,显示长度为什么不一样?
rnrnrnrn rnrnrnrn如上所示,文本框和密码框width设置相同,但为何显示出来的长度不一样,同样如果不设置width,size都设置为60,显示长度也不一样,为什么?
JQuery动态获取浏览器的高度,将其设置为div的高度,设置随浏览器高度的变化而变化
&lt;script type="text/javascript"&gt; var winHeight = $(window).height() - 220; // ztreeleft为要动态获取浏览器高度的div $("#ztreeleft").css("height",winHeight); $(window).resize(f...
MFC窗口放大缩小控件跟着变化
轻松实现窗口的放大缩小,控件跟随变化,比较实用!!!
CSS之设置图片宽度100%,高度等于宽度
html代码如下: &lt;div class="left"&gt; &lt;div class="img"&gt; &lt;img src='static/img/face-2.jpg'&gt; &lt;/div&gt; &lt;/div&gt; /*stulus语法*/ .img{ position:relative; width:100%; h...
郁闷TextBox width=100%
rn rnrnasdfasdfasdfasdfasdfasdasdfasdfasdfasdfasdfasdasdfasdfasdfasdfasdfasdasdfasdfasdfasdfasdfasdrnrnrnrnrn单行的TextBox 的Width=100%时,Text刚好是个连续的长字符。rn就把TextBox 撑开了。rnrn请教高人如何才能不会撑开。
设置了宽度为 100% 却并没有显示出100% 的宽度
问题描述:设置了nav的宽度为100%,但却没有显示出100%的宽度。html 布局如下:&amp;lt;div class=&quot;wholepage&quot;&amp;gt; &amp;lt;div class=&quot;top&quot;&amp;gt;...&amp;lt;/top&amp;gt; &amp;lt;div class=&quot;nav&quot;&amp;gt;...&amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt;样式表如下:.wholep
android滑动开关怎么设置它的高度和宽度
android中怎么改变滑动开关的高度?具体怎么操作?slip_Btn.getHeight()是它默认的高度吧
请问怎样设置它的宽度和高度?
rn文章题目rn rn rn 文章内容rn rnrnrnrn请问怎么设置它( )的高和宽呀?不是表格的高和宽。?rn
选中下拉框的位置变化
简单快捷的下拉框选中
关于高度变化
IMAGE的四个坐标,左上角(0,0),左下角(0,height),右上角(width,0),右下角(width,height)。图片的高度是左上角到左下角的长度。缩小高度,怎么从左上角慢慢减小高度?就是从上往下减小高度?菜鸟啊。这个不会。
iframe的高度自动变化
在包含文件中使用代码而不是在被含文件中?rn我这样试了一下不行rnrn rn
关于webVIew高度变化
// 注册观察者  [_wkWebView.scrollView addObserver:self forKeyPath:@&quot;contentSize&quot; options:NSKeyValueObservingOptionNew context:nil]; // 监测高度变化 - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:...
获取键盘的高度变化
有时需要view的位置根据键盘的高度变化而变化,就需要实时获取键盘的高度。查找资料都说使用 UIKeyboardWillChangeFrameNotification 这个通知可以改变,但是试了各种版本,最后还是用自己的方法解决了。方法如下: UIKIT_EXTERN NSString *const UIKeyboardWillShowNotification; UIKIT_EXTE
如何取得指定的图片文件的高度(height)和宽度(width)?
如题,欲取得指定图片(包括gif和jpg两种格式)文件的高度和宽度,请问在asp中应如何实现?谢谢!
相关热词 c#异步发送kafka c#窗体编号 c# 操作二进制文件 c# 反射 机制 c#线程 窗体失去响应 c#角度转弧度 c# 解析gps数据 c# vs设置 语法版本 c# json含回车 c#多线程demo