如何在物化CSS上正确调整元素大小
在物化CSS上正确调整元素大小的方法有以下几种：
- 使用CSS的width和height属性：可以通过设置元素的width和height属性来调整元素的大小。可以使用具体的像素值、百分比或者其他单位来指定大小。例如，设置一个元素的宽度为200像素：
width: 200px;。 - 使用CSS的transform属性：可以使用transform属性来对元素进行缩放操作。可以使用scale()函数来指定缩放比例。例如，将一个元素水平方向缩小一半：
transform: scaleX(0.5);。 - 使用CSS的flexbox布局：可以使用flexbox布局来调整元素的大小和位置。通过设置flex属性和flex-basis属性，可以控制元素的大小。例如，将一个元素的宽度设置为自适应：
flex: 1;。 - 使用CSS的grid布局：可以使用grid布局来调整元素的大小和位置。通过设置grid-template-columns和grid-template-rows属性，可以控制元素的大小。例如，将一个元素的宽度设置为自适应：
grid-template-columns: 1fr;。 - 使用JavaScript动态调整元素大小：可以使用JavaScript来动态地调整元素的大小。通过获取元素的引用，并修改其style属性中的width和height属性，可以实现动态调整大小的效果。例如，将一个元素的宽度增加50像素：
element.style.width = parseInt(element.style.width) + 50 + 'px';。
以上是在物化CSS上正确调整元素大小的几种方法。根据具体的需求和场景，选择合适的方法来调整元素的大小。腾讯云提供了云计算服务，可以通过腾讯云的云服务器、云数据库等产品来搭建和管理云计算环境。更多关于腾讯云的产品和服务信息，可以访问腾讯云官网：https://cloud.tencent.com/。
相关·内容
1回答
我正在开发一个应用程序，我正在使用Materialize CSS。我非常习惯Bootstrap，我有很多困难，其中之一就是调整网格元素的大小。使用Bootstrap时，网格元素会自动对齐，但使用Materialize时，网格元素会彼此重叠，我对此感到非常沮丧。这四个按钮在较小的屏幕上相互重叠，并且当文本较大时，按钮标签文本也会从框中掉出。我能做些什么来防止元素重叠？感谢任何人的帮助。2.1.1/jquery.min.js"></
浏览 8提问于2017-12-28得票数 1
1回答
我不确定如何正确表达这个问题，但我会试一试。
使用css时，如何在调整浏览器窗口大小时防止元素(如文本)移动？每当我调整窗口大小时，我需要它保持在相同的位置。
浏览 1提问于2012-03-24得票数 0
如何在调整窗体大小时调整Windows窗体元素的大小？有没有办法像CSS一样100%地设置图片框、面板等的宽度？建议我一些布局的最佳实践的帮助？当我调整Windows窗体的大小时，我希望当我调整图像大小时，图像大小也会改变。如Windows图片查看器
浏览 2提问于2011-11-10得票数 1
回答已采纳
1回答
option>Blah</option> <option>Blah</option>我使用MaterializeCSS作为我的CSS框架，并成功地重写并将选择性样式应用于其他输入元素，如textareas等()。我只想在选择了一个选项之后调整border-bottom和标记的color。我尝试了以下伪类：[:active, :focu
浏览 4提问于2016-08-09得票数 0
回答已采纳
1回答
我希望用CSS转换来调整元素的大小，然后将元素重置为原来的大小，然后重新启动动画。下面是代码：$('#Bar').css('-webkit-transition', 'none');
$('#Bar').css('
浏览 5提问于2014-12-03得票数 0
回答已采纳
我有一个正常的，一般的CSS一个网站。在创建一些@media查询以使我的元素在移动和不同分辨率上具有不同的颜色、大小等之后，一切都很好。问题是，当我将窗口的大小从正常大小调整到较小的大小时，效果就会被应用，但是当我将窗口大小调整回正常大小时，css不会被刷新，一些“移动”规则仍然存在。如何在没有@media规则的情况下重新呈现css，而不是刷新页
浏览 2提问于2015-02-02得票数 1
回答已采纳
1回答
我想在我的设计中调整HTML的一部分。我需要这个改变发生作为一个动画。我如何在JS，CSS，HTML中做到这一点？
浏览 1提问于2014-01-14得票数 9
回答已采纳
6回答
可以将CSS3调整大小属性分配给任意元素。我正在寻找一种在div上检测这种大小调整的方法(我不介意它目前只在Firefox中工作)： resize: horizontal;}编辑: FWIW我在Mozilla
浏览 12提问于2011-11-10得票数 31
回答已采纳
1回答
查找媒体查询生成器
、、、
我希望我的页面能够很好地扩展到所有设备上的所有可能的屏幕上，所以我使用了一个想法来改变根元素的em大小。所有子元素在em中都有大小；PS：我的方法的正确性如何？解决办法可以是：
变量fo
浏览 6提问于2012-11-23得票数 2
回答已采纳
2回答
引导带3站点的自动调整航向
、、、、
如何在引导3：<h1>的getboostrap.com主页上创建可调整大小的元素
我知道我可以使用像fittext.js这样的工具，但是他们的工具通过使用CSS媒体查询进行调整。
浏览 3提问于2013-12-12得票数 0
回答已采纳
1回答
我正在开发一个Firefox扩展，但在获取侧边栏中元素宽度的相对约束时遇到了问题。例如，我想在侧边栏中有一个描述元素，当调整侧边栏的大小时，它总是和侧边栏一样大，并且有相应的文本换行。如果我将描述放在一个最大宽度固定的框中，它将正确换行，但我无法使用css获得正确的相对宽度。如果在css中将max-width设置为100%，它似乎就会忽略它，文本将在一行上，并溢出侧边栏。关于如何在XUL中将相对宽度约束放在框上，以便
浏览 1提问于2011-06-28得票数 0
回答已采纳
3回答
默认情况下，Mobile会调整部分文本的大小，包括<h1>和<h2>元素。我搜索了一下，看看如何才能防止这种情况，并发现了这样的问题：
-webkit-text-size-adjust:none;
这样做的目的是防止基于WebKit的浏览器调整文本大小。甚至整页缩放
浏览 3提问于2011-03-15得票数 15
回答已采纳
1回答
我有一些元素在屏幕上，我需要覆盖覆盖。元素具有不同的大小，并且可以在页面的生命周期内调整大小。我可以使用这个CSS在需要的地方放置覆盖，除了100%的高度不起作用：position: absolute;left: 0;height: 100%;有没有办法在CSS中设置一个元素完全覆盖另一个元素。如果CSS不是一个选项，我的备
浏览 2提问于2012-11-28得票数 0
回答已采纳
选择日期时，将添加自定义元素。首先，如何在单击next和prev按钮时删除添加的填充。在jscript中，我添加了在单击上一步或下一步按钮时填充为空的内容。$(".ui-datepicker-prev").on("click",function(){ $(".ui-datepicker-next&
浏览 1提问于2018-02-02得票数 0
3回答
问题陈述我希望用户能够自己调整文本区域的大小。它必须是网站功能的一部分。cols="30" rows="10" placeholder="Describe your past experience"></textarea>Textarea的CSS.
浏览 5提问于2020-03-04得票数 1
回答已采纳
(<p>)和一个可调整大小的文本区域(<textarea>)。Firefox中的行为(版本72)：当我调整textarea的大小时，内联CSS属性width和height将添加到textarea元素中。Chrome中的行为(version 80)：当调整textarea大小时，还会向textarea添加一个额外的内联CSS属性margin，从而使包含的<div>与textarea一起调整</
浏览 1提问于2020-02-13得票数 1
回答已采纳
要设置元素的边距，我想要计算它在浏览器调整大小之前和之后的大小差异。如何在调整大小函数之外访问resizeW变量，或者在不改变大小的情况下在调整大小函数中使用startW。width after resize} );
$('li').<e
浏览 3提问于2014-07-30得票数 2
回答已采纳
2回答
调整大小时也居中
、、、
这是可行的： this.css("position", "absolute"); this.css("left", ($(window).width但是如果窗口调整</
浏览 1提问于2011-04-12得票数 0
回答已采纳
我实现它的方式基本上是通过在ListView上设置最小宽度css属性。在初始加载时，这可以完美地工作。当额外的数据加载到支持数据源(在本例中是WinJS.Binding.List )时，我希望ListView绘制元素并调整自身的大小。相反，ListView绘制元素并添加自己的滚动水平条。大约一两秒后，ListView会突然自动调整大小，并适合父容器。
如何在添加元素后立即调整<em
浏览 2提问于2012-11-21得票数 0
回答已采纳
所以我有一个容器(DIV)，当用户调整窗口大小时，它将使用正确的纵横比调整大小(这样它就不会拉伸)。
现在我想使用jQuery动态调整容器中所有元素的大小，记住它们也应该保持正确的宽高比。我知道有一个CSS2D变换选项，但我想在不使用CSS3的情况下这样做，只使用jQuery和旧的CSS3，所以它也可以在旧版本的IE中工作。下面是代码，您可以看到，由于我使用了width=100%，
浏览 2提问于2012-07-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
