css图片高度自适应 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

Drupal7.9与柔性图像

media

Drupal7.9重新引入了图像的高度和宽度属性-我知道这有助于提高前端性能，但它给我带来了问题，而使用灵活的图像在静脉的响应性网页设计。这与whitefleaCH在这篇文章中提到的问题相同：如何防止图像上的高度/宽度属性在主题系统中运行？在CSS中使用最大宽度仍然可以缩放图像，但是高度仍然是标记中定义的。有没有人知道如何在CSS中纠正这一点，或者一起从图像中删除高度/宽度属性？

浏览 0提问于2011-11-06得票数 7

1回答

不寻常的边框css

html、css

像这样高度自适应的边框该怎么做？它能是纯css吗？

浏览 0提问于2017-02-20得票数 0

1回答

CSS自适应高度问题

css

我在建立一个自适应网站时遇到了一些问题。看看它应该是什么样子： .HTML { height: 100%; margin-top我需要它是响应性的，因为图像的高度也是响应性的，所以搜索框应该适应徽标的高度，因为他们的底部是对齐的。此外，我还有另一个类，它的高度应该是头部高度的5%，但当我给它高度:5%时，它在Chrome23中的高度是0

浏览 1提问于2012-11-28得票数 0

3回答

基于自适应布局的垂直自适应图像对齐

javascript、jquery、css、vertical-alignment

"two"> </div> <img> </div></html> CSS未知高度的divs和图像，图像可以改变。如何垂直对齐在div class="one“中的图像？由于这是一个自适应布局，必须缩放图像以防止溢

浏览 3提问于2013-05-31得票数 2

回答已采纳

1回答

纯CSS溢出解决方案:窗口大小更改时自动和最大高度设置

css

A是静态的，但B会在窗口更改时自适应其高度。一般来说，这很容易实现，但如果内容不适合B，我需要垂直滚动条，所以如果窗口大小改变，我目前通过Javascript更改最大高度选项，并使用overflow:auto作为B的css。因为计算高度会变得复杂，如果你有子-子-子...组件。例如，使用position:fixed不会触发滚动条。

浏览 3提问于2015-12-12得票数 0

2回答

图片在Firefox和Internet上没有响应，在视图上使用网格

views、media、theming

我正在建设一个有很多图片的网站。在谷歌Chrome上，一切都很好。我正在使用禅子主题，但问题也发生在我尝试过的其他主题上。

浏览 0提问于2013-10-05得票数 1

1回答

在移动端播放时利用html代码如何设置 width 与 height？

html

我现在设置width自适应但是高度貌似啦的很长。设置高度自适应 出行的形态更诡异都变形了。这个一般怎么处理？还有 html 自己生成的代码里面的div的宽度高度如何定义的？

浏览 381提问于2016-03-29

1回答

使用CSS调整元素大小？

jquery、html、css、resize、viewport

您可以根据其父元素的宽度调整元素的宽度，但是否可以根据其父元素的高度来调整元素的宽度？(不使用视口变量)这方面的应用程序是通过设置元素的宽度和高度(相对于父元素的高度，而不是宽度)来保持在自适应布局中的高宽比。

浏览 7提问于2015-12-21得票数 0

回答已采纳

4回答

如何在ckeditor中缩放上传的图像

7、media、wysiwyg

我为这些图像样式定义了格式，它将class属性设置为CSS类。是否有一种方法可以在编辑器中获取图像以坚持其格式的CSS，那么编辑期间的页面布局与保存后的样子相似吗？

浏览 0提问于2013-09-21得票数 3

回答已采纳

1回答

MDL中的自适应CSS高度

html、css、responsive-design、height、material-design-lite

目标，是当人们调整窗口的大小，如移动，框的大小调整到文本的高度。.non-logged-in> .title-header-back { height: 100px;

浏览 2提问于2015-07-18得票数 0

回答已采纳

1回答

具有最少的列和行以适应屏幕的CSS网格

html、css、responsive-design、css-grid

目前，我在css网格中使用了以下内容： |-------| |-----------| |--------------------| |--------------------| |--

浏览 7提问于2020-09-15得票数 0

2回答

jQuery height()与clientHeight不同

jquery、height

$objs = $('.obj'); console.log($(this).height());在Chrome的元素检查器中，.obj的高度为图像不是浮动的，所以.obj在css中包含它的子项。我真的不知道会出什么问题，也不知道为什么jQuery没有返回720。会不会是CSS相关的？

浏览 2提问于2012-02-26得票数 1

3回答

CSS HTML :我的下拉菜单li正在剪切图像高度

html、css

在这里学习html/css。我似乎不明白如何调整这个下拉菜单。我正在尝试调整它，以保持图像和名称，然后有链接。现在，由于<li>高度的原因，图像被截断了，当我将<li>高度改为100%时，它出现了一些奇怪的行为，我不明白。如果能得到任何帮助，我们将不胜感激。图像被截断 .menu ul li ul li{float:none;width:100%; height

浏览 1提问于2011-11-17得票数 2

回答已采纳

2回答

在相同的y轴上居中图标和文本

html、css

location__icon"></div> </div>css

浏览 1提问于2022-06-17得票数 0

1回答

手动和非自适应手动序列

ios、objective-c、swift、xcode、segue

什么是手动和非自适应手动段，以及它们之间的区别？任何详细的解释都会很有帮助。案例2

浏览 14提问于2016-05-25得票数 20

回答已采纳

1回答

我在桌面的响应图像中有一个问题，结果与预期一致，但在任何其他设备中，最后两个网格项目的高度与其他网格项目不同，这与预期不同 📷 它应该与从https://drive.google.com/uc?export=download&id=1gJ-g7EWreZu38DlaZltLDylPIBDHLSxX中提取的图像的其余网格项具有相同的高度最后两个网格项目，我正在讨论天幕和海滩大门，它应该与市场和纪念碑具有相同的高度

浏览 14提问于2020-12-24得票数 0

2回答

绝对定位的图像从相对div转出

html、css、twitter-bootstrap-3、css-position

在我的站点标题中，我有两个div (pontok_bal和pontok_jobb)，它们都有css格式的背景图片。

浏览 2提问于2019-10-31得票数 0

1回答

没有js的自适应视图

html、twitter-bootstrap、responsive-design、axure

我用Axure创建了一个简单的页面，有两个版本(基本上是两个自适应视图: base和768及以下)。当我生成html时，它工作得很好，并且遵循自适应视图。但这似乎只适用于javascript，有没有办法在css中处理/生成自适应视图？这可以帮助我以后将Axure生成的html和css集成到基于bootstrap的响应式设计中。谢谢。

浏览 7提问于2015-01-11得票数 0

2回答