具有DIV百分比的响应式布局
DIV百分比的响应式布局是一种网页布局技术，通过使用CSS中的百分比单位来设置元素的宽度、高度、边距等属性，使得网页能够根据不同设备的屏幕尺寸自动调整布局，以适应不同的屏幕大小和分辨率。
这种布局方式的优势在于可以提供更好的用户体验，使网页内容在不同设备上都能够以最佳的方式展示，无论是在大屏幕电脑上浏览还是在小屏幕移动设备上浏览。通过使用百分比单位，可以实现元素的自适应布局，使得网页内容能够根据屏幕尺寸的变化而自动调整大小和位置，避免了在不同设备上出现内容溢出或者过小的问题。
DIV百分比的响应式布局在各种网页应用场景中都有广泛的应用，特别适用于需要在不同设备上展示内容的网站、电子商务平台、新闻资讯网站等。通过使用这种布局方式，可以提高用户体验，增加网站的可访问性，并且减少开发和维护的工作量。
腾讯云提供了一系列与网页布局和响应式设计相关的产品和服务，例如：
- 腾讯云CDN（内容分发网络）：通过将网站的静态资源缓存到全球分布的CDN节点上，加速内容的传输和加载，提高网页的访问速度和用户体验。详情请参考：腾讯云CDN
- 腾讯云Web应用防火墙（WAF）：提供全面的Web应用安全防护，保护网站免受常见的Web攻击，如SQL注入、XSS跨站脚本攻击等。详情请参考：腾讯云WAF
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于托管和部署网站和应用程序。详情请参考：腾讯云云服务器
- 腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，用于存储和管理网站的数据。详情请参考：腾讯云云数据库MySQL版
以上是腾讯云提供的一些与DIV百分比的响应式布局相关的产品和服务，可以根据具体需求选择适合的产品来支持和优化网页布局和响应式设计。
相关·内容
我有两个div，每个div都有以下css：
#div-id {
width:96%;
padding: 10px 2% 10px 2%;
}
现在，我希望这些div能够覆盖整个包含的div，而且在Firefox中也是如此，但它们在webkit浏览器中只覆盖了99%左右(还没有在IE中测试过)。
有没有什么特别的事情我必须做才能使它们在webkit浏览器中100%地跨越空间？
这是我在使用的(在McDouble汉堡之上)。
浏览 0提问于2012-02-09得票数 1
回答已采纳
实现了用于响应式设计的bootstrap，但现在的输入要求与附加的jsfiddle相同。系统输入来自表格布局，用户可以在列跨度和行跨度中添加元素，但当我将其转换为基于Div的响应式设计时，它不起作用。我尝试了div解决方案，但使用了绝对位置，它不适用于响应式设计。将表格布局的列跨度、行跨度转换为bootstrap响应式设计的任何帮助
谢谢,
HTML：
<div class="col-span">1</div>
<div class="left row-span">3</div>
<div
浏览 1提问于2013-03-18得票数 0
1回答
因此，我有以下场景：
如果它是所有的图像，我可以很容易地通过改变不同视图端口上的宽度百分比来使它们响应，但是这里的问题是图像在它们下面有不同的文本，所以当你把宽度变小时，文本会把项目推到它下面。
有没有一种方法可以使这种类型的场景响应？
浏览 1提问于2014-02-25得票数 0
6回答
我的目标是设计响应式网页.i是一个新手，你能建议我从哪里开始吗？
我应该给属性赋值，比如高度，宽度，像素还是百分比？
我已经创建了一些内容，但在选项卡上显示不正确。
浏览 0提问于2013-08-23得票数 0
2回答
将静态引导网站转换为响应式网站
、、、、
我有一个引导网站是静态设置的，它不会根据不同的视图大小进行调整。因此，我想让它响应，但不确定如何响应。我还使用LESS对twitter bootstrap css进行了修改。到目前为止，我的网站是这样设置的。
<div id="wrapper">
<header>
<div class="container">
<div class="row">
<div class="span12">
浏览 5提问于2013-03-06得票数 1
回答已采纳
我知道我可以通过设置responsive=True来创建一个响应div宽度的Bokeh图。然而，我感兴趣的是Bokeh图只在一定程度上具有响应性。有没有一种方法可以让我设置Bokeh图的最大宽度，这样图形就不会响应到某个div宽度？我已经查看了文档，但无济于事。
浏览 1提问于2015-12-19得票数 3
3回答
因此，在这个时刻，我试图把3个社交媒体图标在网站的页脚很好地。
因此，我没有使用边距和像素(当然，在较小的屏幕上查看时没有响应性)，而是尝试使用百分比，我认为这使其响应性更强。我一直认为屏幕的百分比会被计算出来，结果总是在不同宽度的屏幕上产生相同的百分比距离。
正如您在网站()上所看到的，当调整大小时，情况显然不是这样。
有人能弄清楚如何使它响应吗?为什么百分比和保证金的组合在调整大小时不能正确工作？
我怎样才能始终确保3标志的中心是每一个设备？
解决方案是在一个页脚中对多个图像进行居中，并在它们之间留出一个边距：
.footer {
width: 100%;
}
.logo-con
浏览 3提问于2015-07-01得票数 2
回答已采纳
2回答
希望你今天过得愉快！我已经创建了一个div，在其中我放置了3个信息框。当我用百分比设置宽度和高度时，这些框就是不出现。但是如果我用像素设置它们，它们就会出现。我希望它们是百分比，因为我希望网站在访问的每台设备上都能完全响应。有什么建议吗？
HTML和CSS：
#info {
height: 50%;
background-color: red;
}
.infoBox {
width: 20%;
height: 35%;
background-color: blue;
float: left;
margin: 0 1%;
}
<div id="in
浏览 0提问于2017-11-04得票数 0
1回答
我采用了一个响应式的模板，但我想让它在所有设备上都不响应性。
我尝试了各种资源，但我得到的是使用
<meta name="viewport" content="width=device-width, initial-scale=1.0">
与此类似
我刚试过上面的方法..
我该怎么做呢？
浏览 1提问于2014-09-05得票数 1
在网上读了几篇文章后，我对什么时候使用percent、em或px来处理div´s、input´s、font´s、buttons等有些困惑……
对于我正在工作的网站，我们不想添加响应式设计，从我从不同的文章中了解到的百分比是elements和div´s的最佳选择。但是我会感到困惑，因为我在想，即使我使用px för布局，然后根据设备/屏幕分辨率在px中设置不同的宽度和高度，我也应该能够得到一个响应式的设计。
什么时候使用什么有什么最佳实践吗？不仅是fontsize，还包括div´s和其他元素？
浏览 4提问于2013-01-13得票数 6
1回答
在浏览器中模拟窗口尺寸
、、、
我正在开发一个WYSIWYG编辑器，用于构建响应式布局(通过Bootstrap)，作为一个副项目。我希望我可以构建它与缩放/滚动功能(类似于PDF查看器或Photoshop)，并允许用户设置/更改“窗口”的尺寸正在渲染的网站。
为了确保WYSIWYG编辑器正确显示布局，我想将它放在div中，并将div的尺寸设置为我正在模拟的浏览器窗口的尺寸。这是否有可能开箱即用，使用流畅的布局？否则，我可以编辑JS来查找目标div，而不是窗口，以便检测尺寸，但我更喜欢前一种方法。
谢谢!
浏览 4提问于2012-12-07得票数 0
我需要使用css样式，如最大宽度:90%和最大高度:90%来定义图像大小，而不是溢出窗口。然而，这在Safari上工作得很好，但在Chrome上就不行了。这是我在jsfiddle上写的演示：
<style>
div{
padding: 0;
margin: 0;
}
.slide{
text-align:center;
background-size: 100% 100%;
}
.user-img{
max-height: 80%;
max-width: 90%;
}
</style>
<body>
浏览 1提问于2015-01-17得票数 13
回答已采纳
1回答
我很难让Chrome注意到flex: 1 1 25%在flex-direction: column布局中的灵活基础部分。它在row布局中工作得很好。
下面的代码片段演示了这个问题:黄色、蓝色和粉红色的条形是基于弯曲的50 in，25%和75%，显示在列和行的flex方向上。
如果您在Firefox (或IE11或Edge)中运行它，列和行将按预期划分区域：
但如果你在Chrome (47)或Safari (9.0.3)中运行它，左边的列布局似乎完全忽略了挠性基础--酒吧的高度似乎与弯曲基无关：
左和右之间唯一的区别是flex-direction。
.container
浏览 0提问于2016-01-27得票数 6
我已经创建了一个dash应用程序，托管在Heroku服务器上。dash应用完全是响应式的。如果我通过手机，iPad，台式机，..打印大小会自动缩放并适合窗口的宽度。这太完美了。然而，将这个dash应用程序URL嵌入到我的网站的iframe中，该图的响应性就会丢失。它不会自动缩放以适合iframe的宽度。 如何确保iframe和绘图响应地自动缩放以适应窗口的宽度？ 我的dash应用：https://isb-hpi.herokuapp.com/ 我的iframe代码： <div class="iframe-container">
<iframe class=&#
浏览 8提问于2021-03-30得票数 0
4回答
我是网页设计的初学者，我已经开发了一个使用html和css的页面。我希望将静态页面转换为响应式页面，这样每当我调整浏览器大小时，页面的样式都会根据窗口大小保持不变。下面是我的身体宽度和高度。
body{
width:100%;
height:100%;
margin:0%;
background-color:white;
}
现在，每当我试图调整浏览器窗口的大小时，我页面的样式就不会保持不变，same.div就会彼此折叠。
请给我一些简单的技巧来转换我的页面响应性。
浏览 5提问于2016-03-24得票数 0
我是Twitter Bootstrap 3的新手，我已经通读了他们的文档，并了解如何嵌套列，但我有一个不同的问题。我正在尝试创建一个col 8 carousel，我知道怎么做，然后创建一个包含2行的col 4，我不确定我是否应该将它们称为总高度等于450px的行。
作为一名新手，我不被允许发布图片，但请看www.123rf.com，它有一个很好的例子来说明我正在尝试实现的目标[他们在左边有一个旋转木马，这将是我的col 8，然后我右边的3个盒子将只有2个，它将包含在我的col 4中，但我不知道获取这些盒子的最好方法是它们只是排吗？我只需要帮助创建这些框在第二列。
我的代码：
<div c
浏览 2提问于2013-12-03得票数 0
我有一个示例页面。
它对大多数苹果移动设备都有响应，但我不想这样做，因为这是一种糟糕的做法。我已经使用了
@media screen and (min-width: 400px)
例如，但同样，我希望最大限度地减少这一点的使用，并不是如此依赖。
我需要跟上一点如何使用百分比的响应式布局。不管我的浏览器有多宽，不管什么设备加载，为了让它适合屏幕，我需要修改/添加什么东西？
编辑:我想尽量避免使用样板/框架。如果可能的话，我想让我现在拥有的东西工作。
浏览 2提问于2015-06-24得票数 0
2回答
我将div (.test)插入自定义滚动条插件。默认情况下，宽度和高度为100%。
<div class="container default-skin">
<div class="test">asdasd</div>
</div>
CSS
.container { position:absolute; width:100%; height:100%; top:0; box-sizing: border-box; overflow: hidden; }
.test { float:left; wid
浏览 6提问于2014-04-07得票数 1
回答已采纳
2回答
我正在尝试创建一个这样的布局：
北窗格
中央窗格
标题div
一个类似笔记本的标签面板
至少有一个选项卡
- a footer div
页眉div和页脚div必须总是可见的，标签应该占用所有剩余的空间，如果需要的话应该有一个垂直滚动条。
以下是我所做的：
我在中央窗格上设置了overflow:hidden，我试图在选项卡面板上设置height: 100%，使其尽可能地增长，但它正在消耗下面的空间(即。页脚div未显示)。
我能做些什么来修复布局？
浏览 5提问于2015-04-02得票数 0
2回答
<div>
<div>
<div style="margin-right: 13px; display: inline-block;">
<h3>Loreum Ipsum Loreum Ipsum Loreum Ipsum Loreum Ipsum Loreum Ipsum Loreum Ipsum</h3>
</div>
<div style="float: right; position: relat
浏览 2提问于2015-03-04得票数 0
所以我正忙着做一个水平滚动的站点。容器div有一个area类。它的宽度是可变的，就像在传统网站上平均div的高度是可变的一样。
我的网站是“垂直响应的”，所以我使用了很多百分比值，包括高度，就像你在通常的网站上使用百分比宽度一样。
问题是，当我在div.area上使用百分比填充/边距时，它会根据div的宽度而不是高度来计算百分比，甚至在设置padding-top的时候也是如此。
这类似于尝试在正常站点的body上设置百分比padding-left，并根据站点的高度计算填充。这是疯狂的，完全不直观。
这是一个已知的问题吗？或者这是故意的？是否有任何仅限CSS的变通方法。我不想使用JS或其他东西来
浏览 0提问于2013-03-08得票数 1
回答已采纳
所以，我的目标是有三个方框，它们的边根据浏览器的大小扩展/收缩。每个框只包含一行文本，因此其想法是使用大量的填充来填充额外的空间。
这个站点是使用flexbox构建的，我想我有了一个很好的解决方案，使用了一个:before来继承父元素的宽度，并使用它的长度作为填充：
.square:before {
content:'';
padding-top:100%;
}
这在大多数浏览器中都能很好地工作，但我很沮丧地看到Firefox出现了问题。下面是剩余的代码和一个JSFiddle。有什么建议吗？
Thee ~~
#container {
display: flex;
width
浏览 1提问于2015-12-15得票数 5
我正在做一个类似于的简单的html 5游戏。
我需要让游戏响应，我想问我是应该使用CSS媒体查询，还是我应该使用一个基于百分比的布局，使用百分比维度来表示元素的宽度和高度。
最好的办法是什么？
浏览 6提问于2016-02-01得票数 0
回答已采纳
1回答
一个月以来，我一直在我的笔记本电脑上建立一个网站，这个网站在我的电脑(15英寸屏幕)上看起来很漂亮。然而，当我在不同的机器(17英寸和13英寸)上运行它时，一切都是杂乱无章的。我使用了引导，我的网站是有一定程度的响应，但不完全。
由于我不完全知道该网站的所有部分和负责“无响应”，我会张贴在这里的整个代码。
HTML：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
浏览 2提问于2015-10-28得票数 1
回答已采纳
2回答
我正在努力使我的具有响应性，但我无法使页面在移动浏览器中正常显示。我的页面基本上是由容器div、页眉、导航栏(当从桌面移动到移动设备时从一侧移动到顶部)和主内容div构建的，在我在iPhone ( Safari和火狐)上测试之前，一切都像预期的一样--页眉和导航栏显示正常，但是内容div太大了，会把页面打碎。 ( iPhone /Safari默认缩放，iPhone缩小以显示整个页面，火狐的窗口大小与之相当)。
令人困惑的是，这似乎只影响主要内容的div (.list)，因为标题和导航栏仍然以预期的大小显示，但我很难在代码中看到任何会使其行为不同的东西。
相关HTML：
<!DOCTYPE
浏览 0提问于2013-07-04得票数 1
回答已采纳
1回答
响应式填充颤振
、、
我试图传递一个百分比的屏幕尺寸给填充小工具，但它说这个值应该是恒定的，而且当你只是输入数字时，它在不同的设备上显示不同的UI。那么对于响应式填充，我们应该怎么做呢？
double h = MediaQuery.of(context).size.height;
Padding(padding: const EdgeInsets.fromLTRB(h*0.2, 5.0, 50.0, 0.0),
child:...)
浏览 11提问于2020-02-20得票数 2
回答已采纳
下面是示例
<div id="parentContainer" style="height:100%;width:100%">
<div id="childContainer" style="height:98%";width:100%>
<div id="list" style="min-height:20%;max-height:90%;color:red;">
Hello, this contains the web page content
</di
浏览 0提问于2017-07-15得票数 1
1回答
我应该在哪里引导我的网站？
、、、、
我希望我的网站对用户拥有的任何设备都具有流畅性/响应性；我估计它通常是一部手机，但我是在笔记本电脑上开发的，所以我在设计时看到的内容与大多数用户将看到的内容之间存在不匹配。当然，我可以运行模拟器/模拟器等，但我的观点是，我希望站点在任何给定时刻自动调整设备的大小/纵横比/方向。根据我所读到的，实现这一点的最简单的方法是通过引用它们的CSS文件并向我的html中的各种标记添加一些类声明来利用Twitter的引导功能。我想知道我需要在哪里添加这些。
我已经添加了bootstrap css：
<link href="http://netdna.bootstrapcdn.com/twit
浏览 0提问于2013-05-11得票数 0
回答已采纳
2回答
由于一定的原因，我已经删除了主要部分的内容，并看到设计是打破。
以下是主要部分→的HTML
<div class="main col">
</div>
主侧边栏的CSS与→类似。
.main-sidebar {
/*background: #323232;*/
background: #ffffff;
width: 30%;
margin-left: 2.127659574468%;
color:black;
}
内容区域的CSS类似于这个→
.main {
background: #ffffff
浏览 4提问于2017-05-16得票数 0
回答已采纳
4回答
我有一个3列的布局，并试图使它对屏幕大小的响应更快，而不是每个div的标准设置像素。
所以我在一个90%宽度的容器中有一个左、中、右div。左右浮动的div是200px / peice，但是有没有办法让中心div扩展以填补两者之间的空白呢？
如果没有，有没有更好的方法来根据屏幕尺寸做出3列的布局？
HTML
<div id="leftCol">Content for id "leftCol" Goes Here</div>
<div id="mainCol">Content for id "main
浏览 3提问于2012-04-02得票数 2
回答已采纳
1回答
嗨，我正在尝试创建一个响应式布局，其中我有三个不同的大小元素，我希望所有屏幕的中间元素两边都有相等的边距。
这是我的HTML和CSS
<section class="container">
<div href="/" class="pull-left logo"><img src="/images/logo.jpg"></a>
<div class="slogan pull-left"><img src="/images/sl
浏览 0提问于2013-01-15得票数 4
回答已采纳
是否可以在百分比中设置div的高度，甚至是使用<!doctype>？
我的jsp页面已经完全设计了，没有文档类型，并且动态地创建了许多div的。div高度仅以%表示。
但是现在我不得不添加doctype来工作jquery dialog box和其他一些jquery插件？
我的需要:
如何使div高度在百分比%中工作，甚至添加了<!DOCTYPE>？
希望我们的堆栈用户能帮我。
浏览 4提问于2013-10-09得票数 1
回答已采纳
以下代码在某些分辨率下运行良好，但当我将浏览器压缩时，col-xs-1会被推到下一行。这段代码很简单，我不知道这里出了什么问题。
bootstrap宽度百分比似乎下降了一小部分。
<div class="container-fluid">
<div class="row">
<div class="col-xs-3">
3
</div>
<div class="col-xs-8">
8
浏览 5提问于2016-08-02得票数 0
回答已采纳
我最近在设计网站布局时遇到了一些意想不到的行为。我惊讶地发现，calc()的行为似乎完全改变了，这取决于它的参数中是否有基于百分比的单位。
这是一个最小的复制品。
.container {
font-size: 30px;
display: inline-block;
border: solid purple .1em;
}
.inner {
border: solid orange .1em;
}
.inner.em { width: 3em; }
.inner.calc { width: calc(3em + 0%); }
<div class="
浏览 0提问于2014-10-10得票数 14
我们正在一个图片库网站上工作，但找不到以下问题的解决方案。
这面画墙包含几个图像。一些图像(n百分比)应该突出显示，并在墙上显示两倍大小。
问题是，我不知道如何填补大图留下的空白，因为它是一条新的线。
任何想法。
我在这里为这个样本创建了一个小提琴：
<body>
<div class="size1">
</div>
<div class="size1">
</div>
<div class="
浏览 1提问于2017-02-08得票数 0
2回答
我已经创建了这个metro磁贴滑块，但我在响应它时遇到了问题。
下面是我到目前为止创建的内容：
第一个问题是，瓦片不会水平对齐，除非我用一个宽度为1000px的div将它包围起来。
第二个问题是，磁贴没有响应。这可能是因为我必须在周围的div上设置像素宽度，但我认为可能有其他问题导致了这一点。我希望瓦片保持水平堆叠，当我在移动设备上查看时，只是收缩。
我在Wordpress中用Tile Builder插件创建了这些tiles。如果您在移动设备上查看他们的示例，您将看到它缩小了，这就是我想要的行为：
我已经这样做了一段时间，试图调整周围的div，我创建的小部件区域，甚至主题，但都没有奏效。希望另
浏览 3提问于2013-11-29得票数 0
我想让这个select标签响应，同时保持它对齐。我使用了表单控件类，但由于我的css或默认css，它被错开了。此外，我想让搜索的背景带上颜色。
<header>
<div class="container-fluid">
<div class="intro-text">
<div class="intro-lead-in"><br>
<div id="imaginary_container
浏览 0提问于2016-06-07得票数 2
我正在尝试通过设置模式内容的百分比、最大高度和overflow: scroll;来修复模式内容溢出的问题。
模式是绝对定位的，有一定的响应性，在检查器中我可以看到它的高度被正确设置。我的问题是我不能为模式的内容设置一个基于百分比的高度。
非常准确地复制了我正在尝试解决的问题：
<div class="first">
<div class="second">
<div class="header"><h2>Header</h2></div>
<div
浏览 2提问于2019-07-12得票数 0
2回答
我知道媒体查询用于创建响应式布局。
然而，它们似乎是多余的；难道我们不能使用%来实现我们所需要的一切吗
浏览 1提问于2013-03-14得票数 0
回答已采纳
3回答
我希望有人能帮上忙。
我最近在一个知名网站上看了一段关于响应式网页设计的视频。
我对导师所采取的方法感到困惑。他基本上创建了三个样式表(大/中/小)，在每个样式表中，他给出了DIVS的PX宽度，并在必要时交换图像。
当然，这种方法是有缺陷的，他可以只使用百分比进行流畅的布局，而不是通过媒体查询调用不同的样式表？？
他的方法有什么优点吗？
非常感谢，
浏览 0提问于2014-10-08得票数 3
2回答
所以我需要专业的意见。这是我很长一段时间以来的困境，因为我担心如果我使用宽度为<div>的像素，那么我认为根据显示器的屏幕分辨率，它看起来会有所不同。这就是为什么我总是使用宽度百分比的原因，因为例如，当我为div分配90%的宽度时，CSS将能够将其调整为屏幕分辨率。
我使用百分比和像素的逻辑是正确的吗？请在这一点上帮我，谢谢！
浏览 1提问于2012-08-02得票数 0
我在rails应用程序上创建了一个简单的异步jquery函数，以便在"display“div上打印响应。但是，当我向rails url发出GET请求时，它会响应整个html："body“、"head”和“include”，就好像它是浏览器上的一个新页面一样，因此得到的源代码如下：
在我按下按钮之前：
<html>
<head>
<title>Myapp1</title>
</head>
<body>
<button onclick="callPage()
浏览 1提问于2016-02-11得票数 1
回答已采纳
目前，我解决以下问题的方法是使用JavaScript计算和调整额外空间。有没有更好的(CSS/HTML)方式？
我计算已用空间并减去可用空间。然后将控件的高度更改为该值。效果很好，但是有没有CSS解决方案呢？
这里可以更好地说明这一点：
<body>
<div id="mainDiv">
<div id="divForHeight">
<h1>Some title</h1>
<input type="text"
浏览 0提问于2015-05-04得票数 1
我发现Twitter Bootstrap非常令人沮丧，因为即使使用无响应样式表，布局的总宽度也超过940px。Twitter bootstrap声称，如果您没有使用响应式样式表，那么940px是默认宽度。我没有使用响应式样式表，而是使用固定的列，但我仍然发现布局的宽度更接近1170px。
我的布局结构如下：
<div id="wrapper">
<div class="row">
<div class="span8"></div>
<div class=
浏览 2提问于2012-08-06得票数 0
回答已采纳
我有一些关于jQuery动画的问题。
但首先，这是我目前所拥有的。
<div id="container">
<ul class="app-lst">
<li class="item-6">
<a href="#"></a>
</li>
<li class="item-7">
<a href="#">
浏览 0提问于2015-07-24得票数 0
有没有一种方法可以根据CSS中的百分比来设置最小高度？
当我同时使用高度和最小高度时，我不能同时使用两者的百分比，我正在寻找一种控制最小高度的方法，因为我的内容是基于百分比的，并且它的高度发生了变化。
我不能把高度设置为自动，因为我需要高度是100%，最小高度也是基于百分比。
那就是页面的设计，它应该是全屏的，直到最小的高度，但是在1400到1100的范围内，页面是响应并变得更小的百分比，我想保持这些比率，我想保持高度100%直到最小的特定高度，但是因为我的内容高度变化，我想要的特定的最小高度也是变化的。
<div class="outer">
<di
浏览 0提问于2013-09-17得票数 6
回答已采纳
1回答
好吧，这可能有点奇怪，但这里有个问题：
我有很多类似的控制器/视图交互，我想让它们变得更加干练。用户单击一个链接，该链接将被转换为使用JQuery执行AJAX响应。响应期望返回并执行一些JavaScript。其中有几个遵循相同的模式：
$("working_div").html("<%= render partial => 'some_partial' %>")
有没有办法让我把它弄干...
$("working_div").html("<%= yield %>")
它仍然返回Java
浏览 1提问于2011-06-26得票数 2
回答已采纳
2回答
有没有办法强制一个浮动的div缩小而不是转到一个新的行？
我知道我可以在div上设置隐式宽度，但它在一个菜单上，菜单中可能有不同数量的项目。如果可能的话，我试图在保持网站布局流畅的同时做到这一点。
#left {
float: left;
border: 1px solid #000;
}
#right {
float: right;
border: 1px solid #000;
}
<div id="left">
<p>This div represents the logo</p>
</div>
&
浏览 1提问于2010-11-26得票数 6
回答已采纳
1回答
我已经完成了我正在使用DIVI设计的网站的布局，它在我的1280x800笔记本电脑分辨率上看起来很完美，但当我试图在更大的分辨率(本例中是1920x1080)上显示它时，许多元素(主要是左右边距/填充的元素)不在合适的位置。我尝试使用百分比而不是像素作为我的边距/填充值，但得到了相同的结果。
设计响应式CSS布局的最佳实践是什么？我应该为容器的宽度定义固定值吗？这能解决问题吗？
我应该专注于媒体查询吗？是否定义每个分辨率的值？然后，还有调整窗口大小的问题，这将再次使整个媒体查询解决方案过时。你有什么建议？
浏览 2提问于2017-03-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
