草庐IT

适应性

全部标签

javascript - 创建一个动态扩展列数以适应屏幕大小的 html 表格

我有很长的数据列表(例如,州及其缩写)我想在HTML表格中显示。我不希望在2x50表格中显示数据,而是希望它在更大的屏幕上更紧凑(这样用户就不必上下滚动那么多,但仍然不必水平滚动)所以这会动态增长:State|Ab-------------------Alabama|ALAlaska|AKArizona|AZArkansas|ARCalifornia|CAColorado|COConnecticut|CT到:State|Ab|State|Ab|--------------------------------------Alabama|AL|California|CA|Alaska|AK

javascript - 扩展 float 元素的父 div 以适应它们的总宽度?

我正在尝试将一个页面放在一起,上面有一个水平滚动的Pane-这是我想要获得的布局示例:内容是动态添加的,并且具有不同的维度。.这是一些HTML:基本CSS:.container{width:100%;height:100%;}.container.inner{position:relative}.container.inner>div{float:left;}目前唯一能让它工作的方法是为.inner设置一个明确的宽度。否则,我最接近的是this答案,但它仍然离我想要的效果很远。是否有可能单独使用HTML/CSS实现我正在寻找的东西,还是我必须求助于javascript?

jquery - Bootstrap 模态不会拉伸(stretch)以适应内容

模态,尽管同样的事情在其他页面上工作得很好,但不会拉伸(stretch)以适应它的内容并且最终会太短。似乎唯一可以解决它的方法是添加另一个div或p元素,其下方有任何内容,我宁愿不必这样做。HTML:×DonateThere'snothingtounlockbydonating,butyouwillbeconsideredawesomebythedev!Whodoesn'tlikebeingawesome?PAYPALOryoucoulddonatewithDogecoin:dogedonateaddresshereCSS:.bold{font-weight:bold;}.

jquery - 调整 div 的大小以适应最大高度的内容

我有一个包含动态内容的div。当内容加载到div中时,我希望div调整大小以适合内容。但我希望此调整大小具有最大高度。如果内容需要超过这个最大高度,我希望有一个滚动条。我已经搜索了这里的问题,但没能找到我要找的东西(除了提问者回答说他自己想出来的问题)。我读过我可以用jquery做到这一点,但我对此很陌生,但我确实经历了调整div大小、更改类和类似内容的演示,但我真的不知道如何实现我在找什么。我已经试图找到解决这个问题的方法,所以请保持温和。 最佳答案 div{height:auto;overflow:scroll;max-heig

html - 使用 HTML5 的背景图片以适应页面

我想让一张图片成为网站的完整背景!我知道这听起来很简单,但它让我抓狂,它不适合页面,这是我最后一次尝试!CSS:body{background:url('images/bg_img1.jpg')#A98436no-repeatlefttop;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}我也在使用TwitterBootstrap,但即使没有它我也做不好!如有任何帮助,我们将不胜感激。编辑:我没有使用精确像素,因为我正在尝试进行响应式+移动​​设计。我不知道他们为什么否决了这

html - Flex 容器不会扩展以适应 IE 中的内容

这个问题在这里已经有了答案:flexpropertynotworkinginIE(5个答案)Imagebehaviorwithinflexbox(rowsembeddedincolumns)(2个答案)关闭5年前。我在使用时遇到了问题IE中的高度(特别是IE11)。在Chrome中运行良好。所以我实际上是在使用jQuery.html()加载处理过的PHP结果,而在IE中,我的页面换行似乎不适合页面的填充长度。我相信我已经将范围缩小到:一旦使用jQuery.html()加载了以下部分和其中的内容,它的高度似乎就会缩小。作为jQuery加载的一部分,我使用以下代码来修复Chrome中的高度

html - 将方形 svg 放置在屏幕中央,缩放它以适应屏幕的宽度和高度,但有一些限制

这似乎是一个愚蠢的问题,可能是一个骗局,但我暂时找不到好的解决方案,所以终于敢问了。我想放置一个html文档中的元素并满足以下要求:图像放置为html5元素,而不是外部svg文件。(其实我想用D3.js动态生成。)图像垂直和水平放置在屏幕中央。图片的实际大小不应超过某个预定义的值(如15cm×15cm)。如果当前屏幕的宽度或高度小于15cm,图像应该以适合屏幕的方式缩放(保持纵横比)。图像的任何部分都不应被剪裁。图片应该放在中间。基本与thisarticle中描述的要求相同.它说我应该使用preserveAspectRatio="xMidYMid",但没有给出有关如何执行此操作以及它如

html - 可扩展的 DIV 高度以适应内部内容——我做错了什么?

更新解决了这个问题,它是最里面的div需要有自动高度,因为它有一个我完全忽略的固定高度与我搜索和发现的许多其他人一样,我曾尝试制作一个可扩展的DIV,它可以根据内容的长度进行扩展。我的与我目前看到的略有不同,因为我有来自外部Controller的变量要显示,但除此之外我想要实现的是相同的。我创建了一个DIV,其中包含我在背景中重复y的图像,但是内部内容DIV不想扩展。为了清楚起见,我将发布我的代码-filename;?>">name;?>description;?>">Qfeedback/question/invite_button.png"/>这是我的CSS-.clear{clear

html - 调整图像大小以适应 div

如何调整图像大小以适应divpiecemaker-container的大小?#piecemaker-container{display:block;height:460px;overflow:hidden;margin:-10pxauto40px;width:960px;max-width:100%;max-height:100%;}类似-?#piecemaker{display:block;height:460px;overflow:hidden;margin:-10pxauto40px;width:960px;} 最佳答案 #p

html - 如何使纯 css float 工具提示(绝对定位跨度)动态调整大小以适应文本

我最近想到了使用CSS伪类:hover来在鼠标悬停在链接上时显示样式化的工具提示。链接的基本代码如下所示:.hasTooltip{position:relative;}.hasTooltipspan{display:none;}.hasTooltip:hoverspan{display:block;background-color:black;border-radius:5px;color:white;box-shadow:1px1px3pxgray;position:absolute;padding:5px;top:1.3em;left:0px;max-width:200px;/*I