当屏幕尺寸改变时CSS -4<td>到2<td>
当屏幕尺寸改变时，CSS -4<td>到2<td>是指CSS Media Queries Level 4到Level 2的变化。
CSS Media Queries是一种CSS功能，它允许根据设备的特性和属性来应用不同的样式。通过使用媒体查询，可以根据屏幕尺寸、分辨率、设备类型等条件来调整网页的布局和样式，以提供更好的用户体验。
CSS Media Queries Level 4是CSS规范的一部分，它引入了一些新的媒体查询功能，以适应不同设备和屏幕尺寸的变化。它包括了一些新的媒体特性，如prefers-reduced-motion（偏好减少动画效果）、prefers-color-scheme（偏好颜色主题）等，以及一些新的单位，如vw（视窗宽度的百分比）和vh（视窗高度的百分比）等。
CSS Media Queries Level 2是CSS规范的早期版本，它定义了一些基本的媒体查询功能，如min-width（最小宽度）、max-width（最大宽度）等。它可以根据屏幕尺寸来应用不同的样式，以实现响应式布局。
在实际应用中，当屏幕尺寸改变时，可以使用CSS Media Queries来调整布局和样式，以适应不同的设备和屏幕尺寸。例如，可以通过设置不同的宽度和高度来实现自适应布局，或者通过隐藏或显示某些元素来优化用户界面。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法给出具体的推荐。但腾讯云作为一家知名的云计算服务提供商，提供了丰富的云计算产品和解决方案，可以根据具体需求选择适合的产品和服务。可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多相关信息。
相关·内容
我想在我的设计中基本上有一个表，它的大小从3X3到7 X7不等，并且需要完整的表来适应小屏幕。
所以现在更深一点，当屏幕尺寸是移动设备的尺寸时，我希望表能够伸展全宽度的，而在大屏幕上的，，我需要它们位于屏幕的中心。在任何屏幕尺寸中，单元格的尺寸都应该是宽度=高度，换句话说，是正方形。
我怎样才能用CSS和TWITTER引导来实现这一点呢？
P.S:，我是新来的。
<div class="site-wrapper">
<nav class="navbar navbar-default">
<div class
浏览 3提问于2017-02-04得票数 0
2回答
我想知道我们是否可以使用Javascript来设置，例如，如果有这样的表：
<div>
<table>
<tr>
<td>bla bla</td>
<td>bla bla</td>
<td>bla bla</td>
<td>bla bla</td>
</tr>
</table>
</div>
因此，如果屏幕尺寸超过1200px，则应在一行上显示所有4个td元素；如果屏幕尺寸介于800px和1200px之间，则应在一行上仅显示3
浏览 1提问于2017-11-25得票数 0
2回答
现在，我的wordpress站点已经设置好了，当屏幕尺寸改变时，图像就会缩放。相反，我希望当屏幕尺寸改变时，图像可以保持在屏幕中心的特定大小，并在左侧和右侧均匀裁剪。
我已经尝试过max-width:none，但它不会保留和裁剪页面中心的图像。
网址: Zxndesignco.com
有问题的图像是主页上唯一的图像。我只知道CSS，所以我希望有一个CSS解决方案。
我正在讨论的示例：
谢谢你的帮助。
浏览 25提问于2017-01-25得票数 0
我使用以下css：
background-size: 100% auto;
background:url(Top.jpg);
background-repeat:no-repeat;
background-position:center top;
min-height:800px;
当屏幕尺寸改变时，我有响应性的背景图像，但当屏幕尺寸变得小于最小高度时，响应性背景图像周围的空白区域存在问题。我希望当屏幕变得小于最小高度时，div的高度会自动改变。
浏览 0提问于2015-06-28得票数 0
网站徽标未正确显示在物理移动设备上，我使用的是iPhone X。但是，当更改桌面版本的屏幕尺寸时，徽标会相应地进行调整 我正在修改主题，所以请耐心等待。我已尝试使用max-width标记修改大小 自定义CSS中的代码： @media (max-width: 767px){
#logo .retina-logo {
height: 35%;
width: 45%;
margin-top: -2px;
}
}
@media (max-width: 600px){
#logo .retina-logo {
height: 90%;
width: 60%;
浏览 27提问于2019-05-25得票数 0
回答已采纳
我花了几个小时阅读了关于这个主题的大量帖子，但仍然不能解决为什么当我把屏幕变小时，我会得到两行，而预期的结果是获得切换按钮。
我已经尝试通过添加额外的css数据来更改最大宽度作为覆盖的。
我也尝试过建议的。
这是全大桌面屏幕尺寸：
这是一个大桌面屏幕尺寸的3/4：
这是大桌面屏幕尺寸的1/2：
浏览 27提问于2018-02-21得票数 0
回答已采纳
3回答
大家早上好！
我正在尝试做一个基于%的大小的表。宽度很好，但我的身高有问题。当te用户将屏幕调整到一定大小时，该表就不再降低其高度，而是在div之外生长。以下是一些指纹：
正常尺寸
调整屏幕
我已经试着改变显示，溢出，位置，都没有成功。当达到一定的尺寸时，桌子就不再降低高度了。
下面的css表和育儿部：
.tblMotivos {
table-layout:fixed;
border: 0 solid white;
-moz-box-sizing: border-box;
width: 100%!important;
min-heig
浏览 5提问于2016-11-08得票数 2
回答已采纳
我有一个表，它有3行4列。我想让图像调整大小，以适应移动，平板电脑和台式电脑的屏幕尺寸。因此，我希望所有12个图像显示在屏幕上一次。我需要什么样的CSS才能做到这一点？
<table>
<tr>
<td><img src=""></td>
<td><img src=""></td>
<td><img src=""></td>
</tr>
<tr>
<td><img src=&
浏览 1提问于2018-04-01得票数 1
我在@media screen (min-width:1200px)中遇到了一个问题。
我已经设置了2种属性(类)的图像和在CSS中，希望它可以使图像和"td“，我把图像放在屏幕大小调整时，但当屏幕超过1200px仍然显示较小的图像尺寸。
这是HTML：
<tr>
<td class="indexphototd">
<img class="indexphoto" src="../wp-content/uploads/2013/05/indexphoto300.jpg" />
浏览 0提问于2013-05-15得票数 2
回答已采纳
我有一个网站，是在1200px(大桌面)屏幕上工作。现在，我希望这是工作在不同的屏幕尺寸和浏览器窗口大小。
问题:当我缩小屏幕尺寸时，我网站上的一些选项卡将不可见。
我们如何在Rails中做到这一点。我搜索了一下，发现CSS - media是唯一的方法。这样我们就必须为不同的屏幕尺寸编写不同的css文件。在rails中有没有一种有效的方法来做到这一点?在.As中，元素的大小会根据屏幕的大小动态变化，而不需要改变CSS文件。
谢谢!
浏览 0提问于2013-08-16得票数 0
4回答
如何更改CSS中的表？
、、、
由于媒体查询，我想更改表的顺序。
在我的HTML中，代码如下所示：
<table>
<tr>
<td>date1</td>
<td>place1</td>
<td>ticket1</td>
</tr>
<tr>
<td>date2</td>
<td>place2</td>
<td>ticket2</td>
</tr>
&l
浏览 9提问于2020-04-13得票数 1
回答已采纳
0回答
我在jQuery手机中有标签和文本框，当屏幕尺寸改变时，整个结构也会改变。
当我的屏幕宽度小于448px时，它会转到标签和标签下的文本框中，但当它大于447px时，它会一个接一个地显示。
为了清楚起见，我添加了两张照片。
代码如下：
Html：
<div role="main" class="ui-content">
<form>
<div class="ui-field-contain">
<label for="sale
浏览 7提问于2016-07-05得票数 0
2回答
我需要像比尔·盖茨先生在中的背景图像那样制作标题div的背景图像
比尔盖茨的头像背景图片没有改变它的高度，即使屏幕很小。
我试过背景尺寸:掩护，但当屏幕很小时，高度仍然会改变。
我把背景大小:覆盖到custom.css在我的引导文件夹。
浏览 1提问于2015-06-03得票数 2
回答已采纳
2回答
在aLL中，我使用了一个javascript代码，当选择一个链接时，一个图像将慢慢弹出，并慢慢地使背景变黑。当按下ipad时，并不是所有的背景都会变成黑色！在CSS中，我已经设置了背景将占据100%的屏幕，这是我的代码:CSS的一部分：
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:100%;
height:100%;
top:0;
left:0;
backg
浏览 0提问于2012-03-19得票数 0
我正在为我的react应用程序使用从Figma到CSS的UI。目前，我正在尝试创建3层div (className：'a'，'b'，'c‘)，它们彼此重叠，div 'a’在底部，然后是'b'，最后是'c‘。它们都共享一个父div。 现在我没有设置div‘a’位置，'b‘和'c’分别设置为‘绝对’位置，z索引1和2。它工作得很好，除非我改变了屏幕尺寸。当我加宽屏幕时，div 'b‘和'c’都开始向右移动。我试图将它们更改为“固定”或“相对”位置，但也不起作用。下面是我的react组件和css
浏览 16提问于2021-01-21得票数 0
我正在为一位朋友开发一个水疗网站的移动版本，我已经能够让图像适合屏幕尺寸，但在每个表格单元中总有剩余的空间，我希望图像可以利用而不是浪费空间。下面是我正在使用的相关HTML/CSS：
<table class="wide">
<tr>
<td><img class="service-4-pics" src="pic.jpg"/></td>
<td><img class="service-4-pics" src="pic.jpg"/>
浏览 3提问于2015-12-14得票数 1
3回答
在同一行上显示我的4个灰色方框时遇到了一些问题。考虑到给它们每个25%的宽度，它们将自动显示1/4的屏幕尺寸，无论分辨率或屏幕尺寸。得到前3个，但第四个落在下一行。有没有办法让他们都在同一条线上？
HTML
<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
<div class="b4"></div>
CSS
.b1, .b2, .b3, .b4 {
浏览 0提问于2013-09-27得票数 5
回答已采纳
我正在使用类似的表格布局，就像我目前正在做的一个项目的链接布局一样，但我似乎想不出当屏幕尺寸缩小时如何不让单元格换行到新行上。在这个探路展示器项目中是如何完成的？我应该将什么CSS属性应用于我的表/tr/td？当我缩小屏幕尺寸时，表格的单元格会换行到下一行，这样每隔一行就会有不同数量的列。我希望表格的宽度和表格单元格的宽度缩小，并且在每一行中都有相同的列，即使对于较小的屏幕尺寸。
table {
border-collapse: collapse;
margin-left: 8px;
margin-right: 5px;
position: fixed;
bottom:
浏览 0提问于2019-11-11得票数 0
我遇到了一个小问题，但非常烦人！
在我的CSS中，当屏幕尺寸大于960px时，我设置了一个导航栏。当屏幕尺寸低于960px时，导航栏将被隐藏，我将显示一个黑色的栏，当单击此栏时，将显示主导航栏，并使用slideToggle()事件再次隐藏它。
我的问题是，当我将屏幕调到960px以下时，单击导航栏打开并再次将屏幕尺寸带到960px以上，导航栏恢复正常，但是，如果我将屏幕尺寸调到960px以下，切换导航栏打开，然后再次关闭，并将屏幕尺寸调到960px以上，导航栏就会丢失。
实际情况是，即使CSS @ slideToggle规则设置为display:block，当大于960px时，媒体仍会导致导航
浏览 2提问于2013-09-18得票数 1
1回答
根据屏幕大小更改面板大小的步骤
、、、、
在我的网站上，我的右侧有一个面板(图1)，点击一个按钮就可以滑进滑出。我已经设置了面板的尺寸，使其覆盖整个屏幕的高度。
这是我在这个面板中使用的CSS -
slide-in-panel-component{ display:none; position: fixed;top: -10px; margin-right: 20px; height: 100vh; width:600px; right: -600px; background-color: #fff3e2;z-index:9999999}
当我改变屏幕尺寸(或在较小的屏幕上)时，我希望面板完整显示，但要根据屏幕的大小进行调整，即
浏览 0提问于2018-02-20得票数 0
1回答
我目前正在自学基本的网页设计。在制作不同屏幕尺寸(手机、平板电脑、电脑等)的网站时，据我所知，你应该使用CSS媒体查询。然而，我的网站有一个画布元素，我很痛苦地了解到(在想了很长一段时间为什么它不能工作之后)，你不仅要在CSS中设置宽度和高度，还要将元素的HTML属性设置为它才能正常工作。所以现在我的问题是:让画布元素响应的最好方法是什么，这意味着它会根据屏幕大小改变大小，而这两个东西都必须改变才能工作。
浏览 14提问于2021-09-03得票数 0
4回答
我的html/css表格有问题。如果你看下面的截图，小屏幕中的表格是完美的(忽略边框)。它在文本和音频播放器之间的空间方面是完美的。
当你看着更宽的屏幕时，文本和音频播放器之间的差距太大了。所以我的问题是如何纠正这个问题？我知道我可以为第一列设置较小的宽度，但如果屏幕太小，会导致文本分成两行，这可能不是一个好主意。这就像我想让它在大屏幕上缩小差距，但在屏幕尺寸缩小的情况下保持目前的功能。
<table style="width: 50%; table-layout: fixed; word-wrap: normal;">
<tr&g
浏览 0提问于2020-02-26得票数 0
我有这个表，它只有一个包含4个<td>元素的表行(<tr>)。当屏幕尺寸变为低于768px时，我想将这4个<td>分散到两个“行”中，每行包含两个<td>元素……
我该怎么做呢？我尝试为每个<td>设置50%的宽度，然后向左浮动，但这会为每个<td>留出一行，并留出一些空白直到表的边框……
<table id="tabel1" cellspacing="0" width="1000px">
<tr>
<td width=&
浏览 1提问于2017-03-01得票数 1
回答已采纳
1回答
我有一个表，其中一个表头使用了rowspan。对于较小的尺寸，此表还会切换为固定的列样式。我遇到的问题是在较小的尺寸上，当带有rowspan的th被修复时，它会扰乱剩余th的结构。 我想到的一个解决方案是在Foods上面只有一个空的th，这样我就不需要使用rowspan了，但由于ADA的要求，这不是一个选择。 下面是一些代码：CODEPEN 这是大屏幕视图-您可以看到有一个Foods列以及两个组，每个组包含两个列。 ? 这是当它转到固定列布局时的视图。您可以看到，Group 1- Col 1现在取代了Foods过去所在的位置，并且整个第2列移动了位置。 ? HTML： <d
浏览 9提问于2019-04-30得票数 2
回答已采纳
3回答
我正在尝试将我的主题转换为WordPress 3.6版本中的新媒体元素音频播放器。
css在响应模式下中断，音量滑块显示在播放机外部和下方。当你改变屏幕尺寸时，音量滑块会反复弹出位置和位置，这表明插件中存在计算和返回的宽度问题。
浏览 1提问于2013-05-08得票数 3
3回答
我试图使我的图像到circle.despite这个图像有不同的宽度和高度，我想让它是圆形，看起来它们有相同的宽度和高度长度。例如，我的图像大小: 250X300。但是我希望它是200X200 circle.actually，我可以做这个easily.the问题是根据屏幕尺寸，我把我的手机调到水平，它必须根据屏幕尺寸改变。
我的css代码如下
.image {
height: 100px;
width: 100px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 5px gr
浏览 12提问于2016-08-23得票数 3
回答已采纳
2回答
引导5表按钮的放置
、、、
我有一个表，它应该表示一个CRUD应用程序，其中有一个人的详细信息以及一个编辑和删除按钮。这两个按钮(以及以后可能添加的任何其他按钮)旨在彼此并排显示。这在更大的屏幕尺寸上工作，但是在较小的设备上，按钮相互堆叠在一起。
如何使按钮在屏幕尺寸较小的情况下保持在对方的一边？
<head>
<!--Material Icons -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet" />
&l
浏览 1提问于2021-07-07得票数 0
回答已采纳
我正在使用Drupal7.23，模块旋转横幅https://drupal.org/project/rotating_标语我的横幅大小被设置为“横幅将收缩以适应页面。”不幸的是，当页面大小没有变化时，它正在缩小横幅。
我要做的就是加载页面。横幅最初是完全扩展到屏幕的最大尺寸，但当它旋转时，它将改变为一个非常小的宽度。这似乎是随机的，因为它只是发生在足够的图像旋转。
以下是常规图像的css，在其成为旅行大小之前
📷
下面是图像分解后的css
📷
模块的内部代码似乎认为屏幕的尺寸大幅度缩小了，但我不知道为什么.我希望任何人能就这件事提出建议.
非常感谢，
大卫
浏览 0提问于2013-12-12得票数 1
1回答
全屏背景图像CSS
、、、、
我试图让背景图像是全屏的，但无论我做什么，它只会延伸到最底层的部分，所以大约是屏幕的一半。下面是我当前的代码，CSS和JSX，因为我使用的是Stenciljs。 //JSX
<Host>
<div class="main>
<login-box></login-box>
</div>
<Host>
//CSS
host {
display: block;
}
.main {
background-image: url("test.jpg");
background-
浏览 32提问于2021-07-23得票数 0
回答已采纳
2回答
Android屏幕大小和分辨率
、、、、
我的应用程序在480x800分辨率下工作得很好。如果我保持480x800的分辨率，但将屏幕尺寸改为2.7英寸、3.7英寸或5.4英寸，仍然是完美的。但是当我将分辨率更改为例如640x1066时，所有的ImageButtons都太小了，并且在所有屏幕尺寸中都处于错误的位置……我已经在所有四个文件夹中创建了ImageButtons (drawable-l，m，h，xh)，但按钮的大小仍然不正确。
<ImageButton
android:id="@+id/ib1"
android:layout_width="wrap_content"
android:layo
浏览 1提问于2012-10-13得票数 0
3回答
我想布局3元素按钮，TextView，按钮在栏上像这样
Button1 - TextView - Button2
2个按钮总是固定在左右屏幕上(填充4dp)，TextView居中(根据屏幕尺寸改变宽度)，它们应该适用于所有屏幕尺寸(不能在更大的屏幕上缩放)。我该怎么做？？
浏览 0提问于2013-10-15得票数 1
4回答
最近我一直在尝试使用CSS媒体查询，因为这是让我的网站适应各种屏幕尺寸的好方法。我计划将它们实现到实时版本中。
我的问题是:有没有推荐的分辨率值来改变布局？
浏览 0提问于2012-07-09得票数 16
回答已采纳
1回答
我开始学习html5和css3，最近我试着把我在Photoshop中的一个设计转换成html，然后用CSS修改。
一切都很顺利，除了在全屏幕上的尺寸。我的psd文件的尺寸是1020px x 1834px。现在，当我把它放在27英寸屏幕上的全屏上时，它的边缘之间有很大的空间
对于不同的屏幕或监控是否有特定的命令。我还使用了
<meta name="viewport" content="width=device-width, initial-scale=1">和把我的身体在css的尺寸，私营部门有什么想法吗？
浏览 5提问于2017-12-06得票数 0
1回答
我正在使用calendarDateInput.js将日期添加到我的表单中，这一切都在工作。问题是当我的页面调整到移动端时，它的屏幕尺寸要小得多。 此时，屏幕可以向右移动，因为 td.calendarDateInput ? 当你点击样式时，它会显示我想要删除的网格，因为我不想将它用于这个网站。 这个。从calendarDateInput.js文件加载(我试图删除它，但没有解决问题) 下面的例子 https://jsfiddle.net/timcross/sj9aronc/4/ (但由于某种原因，无法在JSfiddle上显示js中的css )
浏览 29提问于2019-09-16得票数 0
回答已采纳
我已经附上了一个彩色视图的屏幕截图，我想要定位在屏幕底部使用自动调整大小掩码。
我试过所有我能想到的调整尺寸面罩的组合，但是当我把模拟公制的尺寸改变到3.5或4英寸时，它不会移动。:(
我做错了什么？这有可能与自动调整口罩吗？
编辑附加了一个图像，我锚定到底部以及。
浏览 5提问于2013-08-08得票数 2
回答已采纳
4回答
我尝试实现的内容类似于此模板上的幻灯片
请注意，当您调整窗口大小时，幻灯片中的图像是如何剪切的。这能用纯CSS或JS实现吗？
我知道我可以用屏幕调整图像的大小
.img {
width: 100%;
}
和
<img src="..." class="img" />
但我想保持图像固定到浏览器的最大尺寸，而不是通过调整窗口大小来改变它的尺寸。
浏览 2提问于2013-07-08得票数 0
回答已采纳
3回答
这是我的代码。我在表中先悬停第一个tr，前一个类的背景色不会在第一个tr.but中的前两个td中改变，当我首先要改变时，tr必须改变第一个，两个td的背景色会改变，这里我遗漏了一些代码。只有在css中才有可能。
.cls{
background-color:red;
}
[data-class*="weeks"]:hover{
background-color:blue;
}
<table border="1px">
<thead>
<tr>
<th>row1</th><
浏览 2提问于2016-03-08得票数 1
回答已采纳
我正在构建一个响应式DataTable，它为一个可以跨多种屏幕类型使用的应用程序保存数据。理想情况下，人们将在地板上和远离办公桌时使用iPad大小的屏幕，但他们也希望确保有人在使用智能手机时可以看到这些信息。
我有响应式的设置，当屏幕尺寸变得太小而无法显示一行中的所有列时，下拉图标的前面会出现一个空列(我的公司手动覆盖了+/-图标-他们发现它很俗气)，而其他列成为子行的一部分。
我的问题是，在隐藏列实际隐藏的屏幕大小中，您可以单击行并将该列显示为子行的一部分。记住这样一个事实:理想情况下，我们希望让触摸屏用户可以简单地点击行上的任何位置，而不是下拉图标，有没有办法防止单个列成为子行的一部分？
浏览 2提问于2019-07-27得票数 1
3回答
我正在使用CSS网格布局来定位网站上的各个部分。我使用grid-column: x / x;和grid-row x / x;来设置它们在页面上的位置和大小。它工作得真的很好。
现在我正在尝试在两个网格-列修复之间进行平滑过渡，当屏幕尺寸改变时会发生这种情况。更改是从grid-column: 3 / 9;到grid-column: 2 / 10;，这意味着div通过1fr在两端增长。目前，它只是“ping”到位，但我希望在两者之间有一个平稳的过渡。
有谁有办法解决这个问题吗？
下面是我的CSS文件中的代码片段：
nav {
background-color: $company-blue;
浏览 1提问于2017-08-06得票数 6
2回答
css关键帧位置问题
、、、、
我想知道如何设置关键帧的分辨率大小，我的网站上有一个从上到下的气泡。我已经根据我的屏幕尺寸进行了适当的设置，但我注意到，当屏幕尺寸改变时，气泡会变得更小，并产生空白。这绝对是因为我将其设置为top:-500px和top:500px，所以在每个屏幕尺寸中，它都采用500px作为固定高度。我想以这样的方式设置top:500px，当大小改变时，它应该取屏幕高度，并应停止在底部。我尝试了一些代码，但没有成功，你能检查一下吗：
.x4 {
left: 1025px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8)
浏览 0提问于2016-08-10得票数 0
我不知道如何改变幻灯片的形象，当我去电话屏幕大小。我用BootStrap建立了我的第一个网站。它在电脑上看起来不错，但是当我改变屏幕尺寸时，整个图像的比例会变得非常小，当屏幕尺寸改变时，有没有办法取代幻灯片中的显示图像呢？我需要CSS代码来修改它，谢谢
<!DOCTYPE html>
<html lang="en">
<head></head>
<!-- Carousel
================================================== -->
<div id="my
浏览 2提问于2016-12-15得票数 0
回答已采纳
3回答
下面是一个简单数据表的代码，其中包含一些使用引导程序样式的分页控件，以及用于网格的可数据。
<!DOCTYPE html>
<html>
<head>
<title>Test page, using dataTables</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.8/css/dataTables.bootstrap.min.css"/&
浏览 3提问于2015-08-31得票数 0
回答已采纳
我想这样显示价格和描述。当窗口宽度调整大小时，我只想调整中间部分(蓝色矩形内部)的大小。
红色矩形的宽度不应因任何窗口尺寸而改变。
我尝试使用<table>标记，但它使第一部分被包装。
以下是这方面的HTML代码片段：
<table class="notfootable">
<tbody>
<tr>
<td><span class="usd">$</span><span class="monthly-cost&
浏览 1提问于2017-01-18得票数 1
1回答
我需要滚动条出现在第一个div，如果它的内容高于屏幕尺寸。第二个div沿着屏幕的高度拉伸。
如何将滚动条添加到第一个分区？overflow: scroll;不起作用。
body {
display: flex;
flex-direction: column;
height: 100vh;
margin: 0;
padding: 0;
}
.container-fluid{
flex: 1;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstr
浏览 7提问于2019-10-29得票数 1
5回答
你好，我必须使用html表，用于它们的css如下所示：
<table style="float:left;width:30%;">
<tr>
<td>Row1Cell1</td>
<td>Row1Cell2</td>
</tr>
</table>
<table style="width:70%;">
<tr>
<td>Row2Cell1</td>
浏览 8提问于2014-01-29得票数 0
回答已采纳
我有一台#container，根据屏幕的大小，它可以很宽也可以很窄。我希望其中的文本(可以是任何字符串，如字母、单词或某些单词)扩展到最大尺寸，但保持在一行中。有没有可能通过纯CSS获得这种效果？如果它需要其他东西(比如JavaScript)，我该如何实现呢？
更新：
虽然容器的宽度随着屏幕大小的变化而变化，但它是由@media query定义的固定数字。例如，当屏幕尺寸非常大时，比如大于1000px，div就不会扩展，而是保持固定的宽度。如果我使用vw类型，它仍然在扩展，可以分成两行。所以我希望font-size跟随的是div的宽度，而不是屏幕的宽度，如果div扩展/缩小，它就会改变。如果d
浏览 1提问于2015-06-07得票数 0
1回答
我刚刚开始通过Dreamweaver学习基本的HTML/CSS。
这是一个相当简单的问题(我认为)。
我在一个表中有两个图像。
图像会对大小的改变做出响应。然而，(我以前也这样做过，但不记得是怎么做的)--当屏幕分辨率下降到更小的尺寸时，我如何让一个图像堆叠在另一个图像上？
代码如下：
浏览 0提问于2017-05-24得票数 0
2回答
当屏幕尺寸改变时，google字体-粗细不会改变。这是使用@import更改小屏幕中字体粗细的正确方法吗?还是有其他方法？
h1{
font-family: 'Montserrat',sans-serif;
font-size: 50px;
}
@media only screen and (max-width: 480px)
{
@import url('https://fonts.googleapis.com/css?family=Montserrat:600');
h1{
font-size:20px;
font-weight:
浏览 4提问于2018-12-08得票数 2
3回答
我目前正试图设计一个布局，将兼容多个屏幕大小。我设计的屏幕尺寸如下：
屏幕尺寸：
640x480
800x600
1024x768
1280x1024 (及更大)
我遇到的问题是创建css3媒体查询，这样当窗口的宽度达到这些宽度之一时，我的布局就会改变。下面是我目前正在使用的媒体查询的一个例子，但是它不适合我，所以我想知道是否有人能帮我修复它。
<link rel="stylesheet" type="text/css" media="screen and (max-width: 700px)" href="
浏览 1提问于2012-12-12得票数 59
回答已采纳
我使用引导、html和css创建了一些卡片。不幸的是，当我改变屏幕的大小时，卡片没有相应的调整。
在改变尺寸之前，这就是他们现在的样子。
当我去检查并切换到ipad时，它看起来是这样的：
我尝试使用css文件夹中的媒体查询来解决这个问题，但没有成功。有人能告诉我我做错了什么吗？编辑:理想情况下，当改变屏幕大小时，我希望一张卡在另一张卡上。我也希望在卡片之间有间距。。
<div class="col-md-4">
<div class="ScoreCard">
<div>
浏览 0提问于2020-02-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
