使用JavaScript确定元素是固定宽度还是百分比宽度
在前端开发中，我们可以使用JavaScript来确定一个元素的宽度是固定宽度还是百分比宽度。以下是一个简单的示例代码：
function checkWidth(element) {
const width = window.getComputedStyle(element).width;
if (width.indexOf('%') !== -1) {
return '百分比宽度';
} else {
return '固定宽度';
}
}
const element = document.getElementById('example');
const result = checkWidth(element);
console.log(result);在这个示例代码中，我们首先使用window.getComputedStyle()方法获取元素的计算样式，然后检查width属性是否包含%字符。如果包含，则说明元素的宽度是百分比宽度；否则，说明元素的宽度是固定宽度。
需要注意的是，这个示例代码只能检查元素的宽度是否是百分比宽度，而不能检查元素的宽度是否是继承自父元素的宽度。如果需要检查元素的宽度是否是继承自父元素的宽度，则需要使用其他方法来实现。
相关·内容
如何使HTML元素在其他两个元素之间均匀匹配？示例：
我希望我的<div>和我的狗狗图片能在我的<ul>和我的推特小部件之间均匀地匹配。我的小部件是固定宽度，我的<ul>是固定宽度，我的.news是屏幕宽度的一个百分比(中间的空格)。我不想使用JavaScript。
浏览 0提问于2015-02-21得票数 1
回答已采纳
1回答
我有一个CSS布局的麻烦-关键是我想要一个盒子的高度增长，因为它的宽度减少。
现在，我从一个元素上的“固定纵横比”技术开始--你把高度设置为0，而填充顶部设置为一个百分比，比如50%。填充值计算为父元素宽度的50% (正如您可能猜到的那样，不是高度)，因此您最终得到的是一个固定的2:1长宽比的框，但如果不是流体大小的话。下一步(在我半生不熟的解决方案中)是修改填充百分比，这样它就会随着宽度<
浏览 0提问于2013-04-10得票数 2
回答已采纳
2回答
我有以下小提琴： display: inline; float:left;第二个div宽度应根据文本宽度计算。由于某种原因，'a‘元素获取span2 div的宽度，而不是文本。
经过更多的挖掘，我注意到问题不是宽度，而是浮动。如果我没有设置宽度，浮子就不能工作。它并不限制文本的宽度。编辑2:
无法找到任何可以工作并保持宽度自动的纯css解决方案
浏览 3提问于2013-08-05得票数 0
回答已采纳
2回答
我有一个元素，其宽度要么是固定的px值，要么是百分比。我希望它的边界框的右侧位于屏幕(或视图端口)的x坐标−1处，因此它的右侧是触摸屏幕 - 的左侧--这样元素就变得不可见了。是否有一个值可以用于CSS right或left属性，它既适用于百分比又适用于固定的px宽度，还是有其他方法来实现这一点？
浏览 2提问于2015-07-15得票数 5
回答已采纳
4回答
我在%宽度容器中有一个固定的div。margin: 0 auto;.container {}
position: fixed;我看过其他几篇文章：
因此，当父级宽度设置为百分比时，如何
浏览 8提问于2017-09-15得票数 2
回答已采纳
我希望第一列的宽度是固定的，另外两列根据它们之间的可用空间和比例展开/收缩。我想要它得到理想的宽度列，然后使该列的固定宽度。而不是我的眼睛文本和找到一个宽度，浏览器可以得到文本的自然宽度，并将其设置为列的宽度。这
浏览 5提问于2013-03-17得票数 1
在处理了许多不同的选项后，我决定创建一个简单的16_9.jpg (16x9)，然后将其放入div中，以强制该div具有我理想的比例，但似乎div并不关心其内部元素以%为单位缩放。例如，我可能会用img height="100px“来影响div的大小，但当使用百分比时，它会停止工作。这似乎是我最后的手段，因为我必须做一个固定高度的布局，这导致了一个未知的确切宽度-我只能依靠比例。
浏览 2提问于2011-01-15得票数 1
2回答
我有一个有x个列的表格，这个表格有一个固定的宽度。="20%" /> <col width="20%" /></colgroup>有
浏览 0提问于2012-12-18得票数 0
回答已采纳
它维护我的DIVs的适当大小(无论它们是固定的还是百分比的)，并且我设计我的元素以适应相应的情况。我不能将此div百分比作为基础。它的宽度必须至少为1000px，并在每个设备
浏览 6提问于2013-09-12得票数 0
为了限制孩子们在父母的最小宽度和最大宽度之间的宽度，我不得不经历了大量的尝试和错误。我必须将父服务器的位置更改为fixed或absolute，才能使其工作。
浏览 0提问于2018-10-25得票数 1
回答已采纳
这些天，我使用表来呈现来自服务器的数据。但是有很多columns.So应该为一些列设置一个固定的宽度。但是页面是响应性的，当页面在大屏幕上显示时，一些列将响应。我按如下方式编写代码。因此，当我们混合使用"px“和"%”时，"%“比"px”的优先级更高。
浏览 0提问于2013-12-06得票数 2
回答已采纳
现在我的问题是，我试图在缩放(浏览器缩放:ctrl和+/-)时使元素缩放，但是由于我使用的是百分比宽度和高度，元素不会缩放。实际上，我想当我放大输入变小时，我不知道为什么。显然可以这样做，因为我访问的每个站点，包括堆栈溢出元素(以搜索输入为例)在查看时看起来都是相同的大小，缩放时的高度和宽度也是一样的。
使用固定的最小宽度和最小高度，但
浏览 1提问于2015-10-28得票数 2
回答已采纳
1回答
我正在尝试创建一个SVG元素，其宽度由父元素的百分比和固定值定义，比如50% + 20px。对于普通的html元素，在CSS中可以使用calc(50% + 20px)。具体地说，我使用的是snap.svg，尽管我不确定SVG中是否普遍存在这种功能。我试着用百分比和px来设置<svg>的宽度，但我不能工作。
浏览 6提问于2016-03-24得票数 4
1回答
我正在尝试增加我的网格视图中的一列的大小，但是，无论我如何尝试增加大小，列的宽度都无法增加。在我的c#代码中检索GridView的数据，该代码从我的数据库获取数据。我检查了gridview类的Css代码，似乎没有影响列的宽度(至少我认为是这样)。为什么我的列宽不会改变？
浏览 1提问于2015-07-09得票数 0
2回答
我想要两个元素(div's)并排(浮动)，其中有一个百分比(100%)宽度，另一个有一个固定像素(50‘s)。100% | 50px |我不想要下面的任何一个
javascript小于100%的宽度，如95%等，是行不通的
浏览 2提问于2013-01-09得票数 0
回答已采纳
2回答
我使用的是jqGrid版本4.4.1。我需要在页面上创建x数量的网格。第一个网格以可见块的形式输出，而其他网格则以以下格式输出//My jqGrid output在可见的div中输出的第一个表具有正确的宽度ui-widget ui-widget-content ui-corner-all" id="gbox_table0" dir="ltr" st
浏览 1提问于2013-01-02得票数 4
我在各种浮动div元素中有一个div容器:我希望有一些宽度大(大)的，另一些宽小(小)；同时，它们都应该适合整个容器的宽度。小元素、大元素和总元素的数量是通过javascript动态设置的，因此我不能在css中使用固定的百分比宽度。
在一些GUI开发人员软件中，有可扩展的值来实现这一目标。
浏览 1提问于2016-03-24得票数 0
回答已采纳
我在我的网站上显示了一些表格数据，所以我决定使用一些表格。对表列使用固定宽度(即100px)还是使用基于百分比的宽度是最佳实践？
浏览 0提问于2009-06-15得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
