腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
9
回答
更改高度时保持图像纵横比
、
、
使用CSS flex box模型,如何强制图像保持其纵横比? JS小提琴: 请注意,为了填充容器的宽度,图像会拉伸或收缩。这很好,但我们是否也可以让它拉伸或缩小height以保持图像比例? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn">
浏览 106
提问于2015-06-12
得票数 122
回答已采纳
1
回答
无法在Bootstrap中将图像高度拉伸到div的大小
、
、
我已经尝试了最大值/宽度,显示选项等,我还为图像添加了.img响应类。它的宽度一切正常,但我无法获得理想的高度,以匹配div比例。这是我的HTML。 <!DOCTYPE html> <html lang="UA-ru"> <head> <title> Portfolio</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <li
浏览 4
提问于2017-05-11
得票数 0
1
回答
如何配置模态窗口以适应所包含图像的实际大小?
、
、
我使用的引导4.2,显示一个弹出窗口(模式)的真实大小的图像(100%)的宽度和高度,只要浏览器窗口的大小允许,如果不是,也就是说,如果图像大于窗口的大小,那么它将自动缩小。我尝试了下面的代码,但图像放大(+ 100%)在宽度的模式,虽然我配置它的最大宽度: 100%。 <!DOCTYPE html> <html lang="es"> <head> <meta charset="utf8"> <meta name="viewport" content="width=de
浏览 0
提问于2019-03-18
得票数 2
3
回答
Div元素内的图像未显示
、
div {position: relative;} #wrapper { background: url('ocean.png'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: 100% auto; } <body> <div id="wrapper"> </div> 我正在尝试以不同的元素呈现ocean.png的背景图像的替代方法。现在我正在
浏览 0
提问于2012-02-10
得票数 0
1
回答
拉伸节点宽度但不拉伸父节点宽度
、
有没有办法拉伸新行的宽度而不拉伸父节点(表)的宽度? 结构示例: <table> <tr> <td> <div id="div_1"> Block 1 </div> </td> <td> <div id="div_2"> Block 2 </div> </td> </tr> <tr> <td> <div id=
浏览 2
提问于2010-08-02
得票数 0
1
回答
图像自动拉伸/压缩/双向裁剪
、
、
、
、
我有一个容器-DIV 身高:400; 宽度: 80%; 我有一套不同尺寸的图片。 如何指定图像: 总是保持它的纵横比 始终填充容器-div。 对齐到容器的中心-div。 当div为时,比图像更宽 图像的宽度被拉伸或压缩为div宽度。 自动裁剪图像的高度以保持高宽比。 当div是时,比图像高 图像的高度被拉伸或压缩到div高度。 自动裁剪图像的宽度以保持高宽比。 这是否可能只使用CSS (不使用JS)?如果简单的话,JS也是一种选择。图像可以设置为背景,也可以设置为div中的显式img标记。 示例: 当窗
浏览 1
提问于2014-08-27
得票数 1
回答已采纳
1
回答
Bootstrap4获取列中的卡片,以便水平和垂直地拉伸和填充父容器
、
、
我使用的是Bootstrap 4,我在中等和更大的显示器上创建了一个3列的行,每个列的大小为4。每张卡片的内容可能大小不同,但我仍然希望每一张卡片的长度相等。 我不使用卡片组/甲板,因为它们没有响应性,我希望卡片占据小/xs显示器上的所有12行。 下面是与卡片相关的代码片段。我也有一个项目的柱塞为一个实时视图:。如果在大屏幕上打开项目,卡片的大小就不一样了。 引导4说,如果没有提供宽度,卡默认拉伸,以填充其容器的整个宽度。我是否错误地假设它填充了包含卡片的父容器的整个宽度(例如,在下面的情况下,div为col-md-4)? 如果我错了,如何使3张卡片水平拉伸以填充其放置的和垂直拉伸为相同大小的
浏览 0
提问于2018-05-01
得票数 8
回答已采纳
3
回答
全高CSS列
、
我有下面的HTML来构建一个900像素宽,居中的页面,有页眉,页脚和内容部分: <body> <div id="mainMaster"> <div id="main"> <form runat="server"> <div id="header"> </div> <div id="content">
浏览 1
提问于2010-07-21
得票数 1
2
回答
使绝对div高度为100%,即使滚动条可见
、
、
HTML <div class="modalPage"style="display:none;"></div> CSS: .modalPage{ position:absolute; width:100%; height:100%; background-color:#000000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; z-index:100; top:0px; } JS: $(".
浏览 0
提问于2012-10-02
得票数 2
回答已采纳
2
回答
如何定义嵌入式视频区的高度?
、
、
我正在使用mediaelement.js加载带有自定义CSS的youtube视频,它工作得很好。 html <div class="wrap"> <video width="1049" height="590" id="yt_video" style="width: 100%; height: 100%;"> <!-- Pseudo HTML5 --> <source type="video/youtube" src="h
浏览 1
提问于2015-08-05
得票数 1
1
回答
左div滚动和右div拉伸布局高度/跨浏览器兼容?
、
、
、
我想知道是否有可能让这样的布局跨浏览器兼容。我希望在一个容器div中有两个并排的div。右div的内容应该拉伸整个布局的高度,或者换句话说,拉伸容器div的高度。 在左边的div中,我希望有一个页眉和一个固定高度的页脚div。在这两个div之间,我希望有一个可滚动的内容div。这个div应该随着右侧div内容的增长而伸展。 我在Google Chrome上找到了这个: 但是,它在IE和FF中不起作用。 我尝试了不同的解决方案,浮动div,表格,div显示为表格等,但我的解决方案都不能正常工作。只有上面的解决方案有效,而且它只在Chrome上有效(我还没有尝试过Opera和Safari)。 我的
浏览 1
提问于2013-07-05
得票数 0
1
回答
如何在表格网格中隐藏/显示一定长度内的更多文本
、
、
、
在上面的图片点击...view链接,我显示的弹出式,其中包含描述。下面是我的疑问。 如何显示列宽拉伸到特定字符长度的链接。 例:考虑到课程描述长度是50个字符,所以在延伸到49个字符时我需要显示链接,超过字符50后链接应该消失。 require(["jslib/require/text!js/isd/templates/test.html"], function (FooterTemplate) { if(value !== null){ element
浏览 3
提问于2019-03-20
得票数 0
1
回答
有没有办法在fabric js中拉伸/折叠画布网格?
我正在考虑使用输入域拉伸/折叠画布网格。我也试过grid.js。但这不是针对fabric js的,尽管我已经很努力了。 是否可以通过用户输入来拉伸/折叠画布网格?
浏览 0
提问于2013-04-24
得票数 0
回答已采纳
3
回答
基础轨道上图像的全宽度滑块
、
、
、
我对轨道滑块图像的宽度有问题。我的图像有1600px的宽度,但显示器的分辨率可以更高-例如1680px。有没有可能将图像的大小拉伸到屏幕的100% (在本例中为1680px)? 我的代码是标准的,如下所示: <div id="featured"> <img src="11.jpg" alt=""> <img src="12.jpg" alt=""> <img src="13.jpg" alt=""> </div> <
浏览 0
提问于2013-07-01
得票数 3
1
回答
带有一个响应面的css三角形
我已经寻找了一段时间,但没有找到解决方案。 问题是,我需要与固定高度(50px)的css三角形被拉伸在100%宽度的div。 当然,它可以通过js或jquery完成,或者用svg替换,但是有没有纯css的解决方案呢?
浏览 13
提问于2016-09-12
得票数 0
回答已采纳
1
回答
使Bootstrap4卡片宽度伸展100%
、
、
我正在尝试放置3张卡片,Card1定义总高度,而Card2和Card3位于右列。我的问题是Card2和Card3没有100%的剩余宽度。如何使Bootstrap4卡片宽度100%伸展?Card1已经被拉伸了,但是Card2和Card3在flex列中,并且没有被拉伸。如何伸展它们? <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/
浏览 36
提问于2020-12-26
得票数 0
回答已采纳
1
回答
带有柔性箱的垂直和水平拉伸项目
、
、
使用flex的拉伸项遵循以下上下文: 弯曲方向:行;和对齐项:拉伸;==>垂直拉伸 弯曲方向:列;&对齐-项目:拉伸;==>水平拉伸 我的问题:我有方向的是行,但我希望垂直和水平拉伸看起来像列。对称 .inner { display: flex; align-items: stretch; flex-wrap: wrap; } .inner button { display: flex; align-items: center; background-color: #E3F2FD; color: #304FFE; border: 1px
浏览 1
提问于2022-07-21
得票数 1
回答已采纳
4
回答
如何使用react编辑元素宽度
、
、
我想用react属性来编辑我的进度条宽度。在我的代码中,我在组件状态(state.progress)中有一个特定值。我如何使用它来适当地拉伸进度条, class Hello extends React.Component { render() { return <div className = "bar" > <div className = "progress" > </div> </div>; } } ReactDOM.render( < H
浏览 34
提问于2017-10-24
得票数 5
回答已采纳
2
回答
div将高度同步到右侧的同级
我有一个容器div,里面有三个子div。请参见附件。 center div可以动态地在高度上伸展。我想要的是,如果容器div与中心div一起拉伸,那么左边的div将拉伸以适应新的容器div,因此与中心div保持同步。 有没有人知道一种纯css的方法来做这件事?
浏览 0
提问于2013-01-15
得票数 1
3
回答
如何在IE8中使背景图片按比例放大?
、
、
、
我有一个带有背景图像的div,在包装中如下所示: <div id="imageholder"> <div id="image"> </div> </div> #imageholder { width: 100%; height: 500px; overflow: hidden; } #image { width: 100%; height: 100%; background-image: url(image.jpg); background-size: cover; /*IE HACK*/ filter
浏览 14
提问于2013-12-11
得票数 1
1
回答
如何根据窗口大小改变DIV的高度
、
、
、
我有以下HTML代码: <div id="subpageHeaderImageSection"> <div id="subpageHeaderLeft"> <span id="holdImageP"></span> <!--[if lte IE 10]><img id="igm" src="theImages/subpageHeaderImageP.png" /><![endif]-->
浏览 1
提问于2014-03-27
得票数 1
回答已采纳
1
回答
为什么我的html网页不扩展背景并以白色显示部件?
、
我希望我的网页有一个完整的背景,没有白色部分或空白部分,我已经尝试了几个代码和东西,但似乎没有工作良好。 我拥有的背景图像不是在互联网上,而是脱机的,只能在我的桌面上使用,因为我编辑了它,所以我只能在我自己的文件中使用命令--背景图像或身体背景(我认为这一点很重要,因为我想知道是否有人想帮助我编写代码)。 我的网就是这个: 整个守则是: <html> <head> <script src="https://kit.fontawesome.com/18f289db08.js" crossorigin="anonymous
浏览 6
提问于2022-03-11
得票数 -1
1
回答
银光视频拉伸
、
、
、
、
我想要的:当我拖动角时,能够用JS调整SL播放器内的实际视频大小。 到目前为止的内容: (尝试拖动拐角处,它会对视频进行裁剪,而不是调整视频大小)。我使用jquery动态地调整外部div和对象标记的大小。 XAML: <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Class="VideoPlayer2.Page" W
浏览 0
提问于2009-03-16
得票数 2
回答已采纳
0
回答
使用Jquery在选中时仅对一个元素进行动画处理
、
、
、
、
因此,我试图更好地使用javascript和jquery,所以我尝试实现一些动画。我把两个div放在彼此下面的列表中,我的目标是,当鼠标悬停在其中一个div上时,它会动画显示它的宽度来拉伸它,当鼠标离开时,div仍然被拉伸,直到鼠标进入另一个div,在这个div中,新的div将扩展,另一个将恢复到原来的大小。我已经设法让div在用鼠标进入和离开它们时展开和调整大小,但当我试图实现一种方式,以便在任何时候只能展开一个div时,我似乎永远不能让它工作。 到目前为止,我的代码如下: <script src="https://ajax.googleapis.com/ajax/libs
浏览 13
提问于2016-07-12
得票数 0
1
回答
具有高质量像素的无拉伸或重复的完整图像
、
、
如何放置完整的背景图像而不拉伸或重复具有高质量像素的图像?我不希望图像看起来像拉伸图像 html代码 <div class="carousel-inner"> <div class="item active"> <!-- Set the first background image using inline CSS below. --> <div class="fill fill" style="backgro
浏览 0
提问于2016-08-23
得票数 0
1
回答
调整纹理区域从边缘调整大小
、
、
、
我使用Jquery有以下功能,我可以在右下角看到一个调整大小的图标来调整它的大小。在侧边,它显示<-->调整大小,但我不能将它从边缘拉伸到调整大小?会有什么问题? <div class="dragDiv" id="dragDiv"> <div id="header" class="ui-widget-header handler"><img src="Styles/move_icon.jpg" align="top"> <div
浏览 6
提问于2011-04-07
得票数 0
回答已采纳
2
回答
如何在因调整大小而发生包装时强制浮动DIVs使用最大水平空间
、
、
我有两个div水平对齐,当调整浏览器窗口大小时(它们的大小会变小,直到在某个时候开始包装)。问题是这两个div不会自动填补他们留下的空白。 两者的宽度均为48 %,最小宽度为400 in,并在div容器中向左浮动。 示例 迪文泰纳 DIV1 ==>右侧有很大的空间,因为div1在包装后不会自动拉伸 DIV2 ==>右侧有很大的空间,因为div2在包装后不会自动拉伸 div自动拉伸是否有可能在调整大小的情况下进行包装? 编辑: 下面是这个问题的一个例子 <div class="wrapper"> <div class="div1
浏览 5
提问于2014-09-01
得票数 0
回答已采纳
2
回答
Javascript,我可以垂直拉伸文本吗
我可以在javascript中拉伸文本吗?我不想要更大的字体,因为这会让它看起来比旁边的小文本更粗体,我只想垂直拉伸文本,这样它就会变形。这将是一个div id,然后它旁边的普通文本将是另一个div id。有什么想法吗? 谢谢,-Matthew 注意:我最初在CSS部分问了这个问题,所有人都可以通过设置间距负值来建议水平拉伸。
浏览 4
提问于2011-06-15
得票数 2
1
回答
使图像适合具有固定宽度的容器-确保IE11不会拉伸或扭曲它们
、
我有一个宽150px,长100px的容器div。使用CSS,将由用户选择的徽标图像将被设置为适合此容器。我使用了一些flexbox样式来居中图像,max-width: 100%,max-height: 100%,以确保图像适合容器。这对IE11中的一些图像不起作用,所以我有一个仅限ie11的媒体查询,它还添加了flex: 1来修复它。 但问题是,flex: 1修复了IE11问题,使非常宽的图像溢出容器。但是,它会拉伸外观上更垂直的任何较窄的图像。 .logo { width: 150px; height: 100px; align-self: center; margin
浏览 11
提问于2020-10-05
得票数 0
1
回答
flex不受输入的尊重为什么?
、
、
我注意到“input”元素不会拉伸或收缩来填充flex容器。有没有人知道为什么和是否有解决办法? 下面的示例显示了在Div元素上使用的容器类c (适当拉伸)。和一个单类e,用于右对齐的固定长度端.divs行按预期进行拉伸和收缩,而行输入则不会。 div.c { display: flex; flex-direction: row; align-content: stretch; } div.d { flex: 1; } div.e { display: inline-block; flex: 0 0 30px; background-color: red;
浏览 4
提问于2017-03-13
得票数 4
回答已采纳
2
回答
CSS:将内容div延伸到页脚div并水平对齐
、
、
我尝试使用一个位于菜单下面的div,拉伸它直到到达页脚(以防没有足够的内容),然后居中。我可以使用绝对定位来拉伸它,但它不会居中;我可以将它居中,但它不会拉伸。代码看起来像这样: HTML <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> CSS html, bo
浏览 4
提问于2014-04-29
得票数 1
3
回答
jquery attr将id添加到现有元素
、
我在div中有一堆img,上面有一个类,在我的JS中,我有一个for循环,它可以在不拉伸的情况下重新调整图像的大小。 $('.gallery img')[i].attr('id', 'img' + i); 这就是我试图让每个img拥有自己的id,比如'img1‘,'img2’,'img3‘等等。 但它似乎不起作用
浏览 0
提问于2014-04-15
得票数 2
回答已采纳
2
回答
CSS按钮- 100%父级
、
有没有人可以建议最好的跨浏览器/设备方法来设计一个带有曲线边缘的按钮,使其延伸到其父元素的宽度? 按钮需要使用背景图像-我正在考虑以下代码-按钮需要拉伸到宽度为90%的外部div - btnContent div将拉伸和左曲线/右曲线保持相同的宽度大小。 <div style="width:90%"> <div class="leftCurve"></div> <div class="btnContent">button 1</div> <div class="rig
浏览 0
提问于2011-11-21
得票数 2
回答已采纳
1
回答
100%宽度的响应表
、
、
、
代码如下: <div class="row"> <div class="large-12 columns"> <table class="scroll wide"> <tr> <td>First</td> <td>Second</td> <td>Third</td> <td>Forth</td> <
浏览 0
提问于2016-01-18
得票数 3
回答已采纳
5
回答
如何拉伸背景图像以填充div
、
我想在我的网站上添加一个封面图片。我在页面的顶部有一个div标签。我已经将div标签的宽度设置为80%,高度设置为自动。我想添加一个图像作为该div的背景。该图像宽度应根据div的宽度进行拉伸。图像高度应该根据它的新宽度(拉伸宽度)自动更改。
浏览 0
提问于2013-10-31
得票数 2
2
回答
使用flex的React中的全高
、
、
、
我找不到答案,即使有很多flex主题的问题。 我创建了一个简单的React应用程序(npx create-react-app)。 然后我删除了App.css并将index.css的内容设置为: html, body, #root { height: 100%; margin: 0; } 接下来,在App.js中,我尝试使用flex实现一个全屏元素: import React from 'react'; function App() { return ( <div style={{ backgroundColor: 'blue'
浏览 7
提问于2019-11-12
得票数 1
4
回答
从数据库中获取图片并将其放入div标签中的html中
、
、
我从数据库中获取图像,并希望将此图像放入或放入div标签中,而无需拉伸图像。所有图像的大小都不同,所以我不能使用width和height作为图像属性,因为当我使用它时,图像是拉伸的。 <div style="width:300px; height:300px;"> <img src="link.jpg" alt="jet"> </div>
浏览 1
提问于2014-02-05
得票数 0
1
回答
无扩展响应网格
、
、
我想要创建一个网格,尽可能多的元素,在它的宽度,但不拉伸网格元素,以适应100%的窗口。所以我在auto fill中使用css网格,这几乎是我想要的工作方式。我希望我的网格元素不要被拉伸来填充整个页面(因此它们具有静态宽度),而是始终具有相同的宽度,如果网格元素没有足够的空间,请在右边填充一个空白(而不是拉伸它们以满足100%的窗口)。 这是我的代码: .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(10em, 1fr)); } .cadres { backgro
浏览 3
提问于2022-01-25
得票数 0
1
回答
如何使用d3js获得具有百分比的svg元素的宽度?
、
、
、
、
我试着把图表拉伸到div父亲的维度,但实际上我不能接受div父亲的维数,所以我不能改变图表的大小。 我有一个简单的HTML <div style="height: 300px; width: 500px"> <svg width="100%" height="100%"></svg> </div> 这是我的js var svg = d3.select("svg"), margin = 100, width = svg.attr("width")
浏览 13
提问于2022-11-07
得票数 0
1
回答
CSS FlexBox -拉伸孩子而不是父母?
、
、
我有一个DIV,它有一个子div,可以在悬停时显示。 因为我使用的是“可见性:隐藏的”,所以在显示隐藏的div时,div没有被拉伸,他的父也没有。 我所要达到的目标是: 父div不应拉伸。 子div (包含隐藏div)应该拉伸。 这能在不定义静态宽度的情况下使用CSS吗? CodePen: <style> .page{ flex-direction:column; display:flex; align-items:center; } .parent{ margin-top:4px; padding:5px; flex-direction:column; dis
浏览 1
提问于2017-08-31
得票数 1
回答已采纳
2
回答
DIV高度不随css变化
、
因此,我在表单中放置了一个div。窗体以100%的最小高度拉伸,但在将高度或最小高度设置为100%后,孩子div拒绝拉伸。但是,当表单高度而不是最小高度设置为100%时,div会伸展。这一切为什么要发生? <form> <div id="host"> </div> </form> body, html{ height: 100%; } form { min-height: 100%; } #host{ min-height: 100%; background-color: red; }
浏览 2
提问于2014-03-27
得票数 0
2
回答
为什么我的动画背景没有占据整个屏幕?
、
、
我正试着在我的html网站上放一个动画交互的屏幕,但是动画只占用了问题容器左边的一小部分空间。解决这个问题的办法是什么? 这是我的html索引: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="
浏览 32
提问于2020-07-18
得票数 0
回答已采纳
2
回答
如何使用CSS设置拉伸背景图片
、
、
、
如何使用CSS为页面背景和DIV和表格背景拉伸背景图像…因此,如果窗口大小改变,背景图像大小应该相应地拉伸(扩展/收缩)...
浏览 3
提问于2010-10-13
得票数 2
3
回答
如何才能阻止此图像不成比例地拉伸?
、
访问 在Windows7中(仅在Chrome和IE11上测试过),桌面和苹果电脑的超大背景图像变得不成比例地被拉伸。然而,在Mac和我的iPhone中,图像永远不会变得拉伸。 我还没有创建这个站点,但我要修复它的bug,比如这个。 到目前为止,我已经使用CenterSlides()函数打开了tc-scripts.js和messer,但它似乎没有任何帮助。这种效果是从哪里来的,为什么它似乎只在Windows浏览器中中断?它与JS或CSS相关吗? 如何才能阻止此图像被拉伸?
浏览 1
提问于2014-11-02
得票数 0
2
回答
如何从CSS中获取指定的样式,而不是从元素中获取计算出的样式?
、
我知道有人问过类似的问题,比如,但我一直找不到一个有效的解决方案。 有人能建议我如何从CSS类中获取width属性的值,以便将其写入div吗? 我希望获取在类中设置的实际值,即使实际元素由于内容而被进一步拉伸。 如果可能的话,我很乐意用jQuery来做这件事。 document.getElementById("myDiv").innerHTML = 'value of CSS width'; #myDiv { width: 177px; border: 1px solid red; } <script src="https:/
浏览 0
提问于2016-04-27
得票数 0
1
回答
如何对具有最大宽度的水平拉伸网格项进行居中
、
我遇到了一个需求,总是以网格项为中心/扩展网格项(网格项具有max-width集)。 默认情况下,它们是拉伸的,并且有auto-fill,所以它工作得很好(它们填充了整个列)。 但是,当我碰到一个特定的断点,并且只有一个项目进入行时,而且由于项目的max-width小于列的宽度,它不能扩展得更多。因此,我想我可以在项目上使用margin: auto,但是当我这样做时,项目就不再被拉伸(背景色表示)。 那么,是否有一种方法可以将具有最大宽度且比其所在的列更小的水平拉伸网格项居中? 示例(请以全页模式运行): .container { display: grid; grid-templ
浏览 1
提问于2020-09-21
得票数 0
1
回答
如何使全屏videoJS播放器适合浏览器窗口?
、
、
我使用VideoJS在一个全屏页面上显示一个视频,如下所示: <div class="container-fluid"> <div class="row"> <div class="player-center"> <video-js autoplay id=player class="vjs-fluid" controls="true">
浏览 69
提问于2021-09-29
得票数 0
2
回答
div根据页面宽度自动调整高度
、
我有一个宽度为100%的div,我需要同一div的高度根据页面的像素宽度进行调整。原因是因为图像是在div的整个宽度上拉伸的,如果我设置了一个固定的高度,不同的分辨率会对它进行不同的渲染,图像看起来会被拉伸。 对此有css解决方案吗?
浏览 3
提问于2012-08-12
得票数 1
4
回答
CSS - 100%高度不会扩展到内容
我以前发布过关于这方面的另一个问题,但如果没有JSfiddle,我很难解释。我刚花了20分钟做这把小提琴! 我有可扩展的div,所以“容器”需要延伸到扩展的div的长度。问题是,当div展开时,内容会从页面底部消失,而不是拉伸页面。我试过加填充物等,但似乎没有用。 以上链接的JS小提琴是我的问题。 html, body { height: 100%; } #wrapper { height: 100%; margin-bottom:20px; } 更新小提琴请再次检查
浏览 10
提问于2013-12-23
得票数 0
回答已采纳
2
回答
HTML5可以在两个轴上伸展吗?
、
我有一个允许单个子元素的flexbox div。到目前为止,我已经能够很好地对准孩子的工作(顶部,左侧,右侧,底部等),包括垂直拉伸。我还希望能够同时支持水平拉伸和垂直拉伸(‘同时’似乎是关键)。 我已经能够通过将子元素的'flex‘属性设置为’1100%‘来完成水平拉伸,但是这似乎忽略了应用于父元素的任何填充(以及应用于子节点的任何边距)。 看看flexbox规范,我找不到任何其他方法来沿着flexbox的主轴做这件事。横轴拉伸没有问题。
浏览 1
提问于2012-05-01
得票数 2
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
DIV+CSS不用JS如何解决浏览器之间的兼容性问题
div和span
html+css+js 零基础入门系列课笔记-div+css布局课堂笔记-螺钉课堂
div&span 标签
div&span标签
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券