CSS 中有没有办法将任何元素的宽度设置为等于其父节点的宽度？我尝试过“继承” - 听起来很逻辑 - 但它不起作用。
提前致谢。
注意：我知道 offsetWidth 是只读的
我正在尝试使弹出的“div”覆盖tr具有完全相同宽度的元素。
但是，我对如何设置我的div使其width与offsetWidth完全相同感到困惑tr。
计算结果类似于：
div.width = tr.offsetWidth - div.paddingWidth - div.marginWidth
但肯定有更好的方法（因为我只能想到以两个为一组来获取填充和边距偏移......）
具体来说，如果可能的话，我想要 YUI 2 的答案。
我有一个在 XAML 中定义的 WPF 窗口，如下所示：
<Window x:Class="com.some.company.window"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="My Cool Window"
x:Name="CoolWindow"
Height="435"
Width="70"
MinWidth="70"
MaxWidth="70"
Left="{PropertyState Default=0}"
Top="{PropertyState Default=0}"
Initialized="InitializeWindow"
ResizeMode="NoResize"
Style="{DynamicResource DefaultWindow}">
.....
.....
</Window>
问题是，当创建窗口并将其显示在屏幕上时，它始终大于我在宽度定义中指定的 70 像素。宽度大概是80-90像素。我的宽度属性被忽略。窗口内的所有内容也不大于 70 像素。
即使当我尝试使用手柄调整窗口大小时，它也不会让我将其大小调整到特定宽度以下。是否有某种原因 WPF 不允许我将窗口的宽度设置得更小？每个窗口是否都有隐藏的最小宽度值？我该如何解决这个问题？
编辑：当我将 WindowsStyle="None" 添加到 Window 属性中时，宽度正确设置为 70 像素。但是，这不是我想要的 Window 样式。
谢谢
是否可以以某种方式设置 QGridLayout 列可以扩展到的最大宽度？
如果我为列内的小部件设置最大宽度，则即使达到小部件大小限制，该列也会继续增长。
我对 Qt 相当陌生，所以也许我错过了一些东西......在 WPF 中这是小菜一碟（通过设置 ColumnDefinition 对象的 MaxWidth 属性）。
我正在尝试为照片故事制作一个页面 - 它意味着水平滚动，但我也希望图像缩放到 100% 高度和自动宽度（因此无需裁剪）。水平滚动和100%高度/自动宽度没有问题。但我无法让图像保持适当的间距 - 它们不断重叠。请参阅： https: //i.stack.imgur.com/iAIXT.jpg
这可能吗？我已经在这方面工作了很多年了，但我已经没有什么想法了。
谢谢！
JS：
<script type="text/javascript" charset="utf-8">
$(function(){
$(".image").wrap("<td>");
});
</script>
CSS：
.image {
position:absolute;
width:auto;
height:100%;
}
HTML：
<div id="page-wrap">
<div class="image">
<img src="images/Betty-001.jpg" id="image-contents" />
</div>
<div class="image" style="margin-left:75%;">
<img src="images/Betty-001.jpg" id="image-contents" />
</div>
</div>
我试图让视图的宽度基于屏幕的宽度。根据 0 到 100 之间的值，宽度将是屏幕宽度的百分比。以下是我获取 DP 屏幕宽度的方法：
Display display = ((Activity)context).getWindowManager().getDefaultDisplay();
DisplayMetrics outMetrics = new DisplayMetrics ();
display.getMetrics(outMetrics);
float density = context.getResources().getDisplayMetrics().density;
float screenWidthDP = outMetrics.widthPixels / density;
这会为我的设备返回 360dp，这是正确的。然后我用它来设置视图的宽度，其中 timeCountNewRange() 返回 0 - 100 之间的值：
int timeCountNewRange = getNewRangeTimeCount(timeCount, min, max);
int widthDP = (int) (((double)timeCountNewRange / 100.0) * screenWidthDP);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(widthDP, 15);
params.setMargins(5, 0, 0, 0);
appHolder.timeBar.setLayoutParams(params);
由于某种原因，当“timeCountNewRange”值为 100 时，它仅占屏幕宽度的 60% 左右，其他所有内容也更短。如果更换
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(widthDP, 15);
和
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(360, 15); …我想更改引导容器的默认宽度，即1170px.
可以覆盖这样的设置吗？
@media (min-width: 1200px) {
.container {
width: desired_width;
}
}
这就是我真正要做的一切吗？
我正在制作照片轮播。目的是在一行上显示 x 张图片，其中 x 取决于视口大小。我所说的视口是指浏览器窗口内没有滚动条的区域。照片的大小调整为宽度 200 如果视口宽度为 2000 我可以获得 10 张照片 (200*10=2000) (我保持算术简单)
我的屏幕分辨率是 3840x2160。我扩大了浏览器以占据整个屏幕。当我使用： $(window).width() 时，我得到 1707，而 screen.width 则得到 1707。绝对不是 3840。
当我调整浏览器大小，使其占据大约一半的屏幕时，我得到： $(window).width() 为 929，screen.width 为 1706。
对于我使用 Edge、IE11、FF 和 Chrome 46 的浏览器，我遇到了大致相同的问题。
我的桌面显示器也是 4k，据我所知，它由两个 1920x1080 的面板组成，总共 3840x2160。如果这是真的，在我的笔记本电脑 4k 显示器上，如果我占据整个屏幕，我应该使用 screen.width 获得 1920 的宽度，但我没有。
我需要考虑到大多数浏览此网站的人都没有 4k 显示器。
关于如何获取 4k 显示器上的屏幕宽度有什么想法吗？
宽度最大的字符是什么？所以“|” 宽度会小于“a”，有什么想法吗？也许一个程序可以做到这一点？或者也许您只知道一个非常宽的字符。
我正在创建一个让用户上传文件的网页。当他们上传文件时，我需要能够获取他们上传的内容的宽度和高度。该网站仅接受媒体。我得到了图像的宽度和高度，因为您可以在加载时从元数据中获取它，但我无法获取视频的宽度和高度。
var video = document.createElement('video');
video.onloadedmetadata = () => {
console.log("Video loaded!");
alert("width: " + this.width + "\n" + "height: " + this.height);
};
video.onerror = () => {
alert ("Error!");
};
video.src = _URL.createObjectURL(files[0]);
这是我目前所拥有的，但总是让宽度和高度为 0。我已经看到了一些使用 Jquery 的解决方案，但没有一个使用 React。
关于如何做到这一点有什么想法吗？谢谢