个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
37
4
请看这个例子:http://jsfiddle.net/vrgT3/5/
我用 overflow: auto; 创建了一个 250x250px 父 div，因此当内容溢出框时会出现滚动条。我设置了蓝色背景，以便在父级可见时清晰显示。
在父级内部是一个带有红色背景的子级 div，以便可见。它有 8px 黑色边框和 box-sizing: border-box; 因此填充和边框包含在计算框的大小中。子 div 设置为 min-height: 100% 和 min-width: 100%。
预期结果:子 div 应与父 div 大小完全相同，因此不会显示蓝色，也不会出现滚动条。计算出的框大小(内容+填充+边框)应为 250x250px。应该有 8px 黑色边框嵌入其中，留下 234x234px 红色区域。
适用于:
问题:
IE 8 WinXP:出现水平和垂直滚动条。内容为 249x266px，边框为 8px，计算出的框大小为 265x282px。
Firefox 3.6 WinXP:出现垂直滚动条。内容为 217x250px，计算出的框大小为 233x266px。
Firefox 10 Ubuntu:出现垂直滚动条，内容为 221x250px，计算框大小为 237x266px。
我检查了 caniuse.com，看来至少有问题的浏览器支持所需的 min-height、min-width 和 box- sizing 。给了什么？
解决方案: 正如 Marat 所建议的，这确实是一个浏览器错误。我已经解决了使用 JavaScript 添加填充/边距以纠正 offsetWidth/Height 差异的变通方法。在这里查看:http://jsfiddle.net/vrgT3/8/
最佳答案
这是 Firefox(参见 bug 308801)和 IE8(IE9 正常工作)的不幸错误。
该错误已在 Firefox 17+ 中修复。
关于html - min-height/min-width 在某些浏览器中不考虑 box-sizing，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9508262/
37
4
0
我想了解这两者的区别 谢谢 最大宽度:100px 宽度:100px body{ max-width: 1080px; width: 1080px; backgrou
jQuery 的 .width()、jQuery 的 .css('width') 和 .style 返回的值有什么区别.width 节点上的属性？ 我很好奇，因为在尝试将两个表格单元格的宽度设置为相等
我可以在 wordpress 的 header php 中添加两个视口(viewport): 和 我希望能够使用 viewport width 1024 显示everything，除非您是低于 x
好的，所以我得到了 ImageBackground 的以下组件(使用 typescript ，但应该是不言自明的)。 (这是 react 原生的) import * as React from "re
我正在尝试根据 div 中包含的图像的宽度调整其大小，但没有任何 JS 方法可以一致地工作来获取图像的宽度。 label here img { width: auto
我有一个表，我试图找到表中每个 td 的宽度。我尝试了各种变体:$("td")[0].width()，但它们都不起作用，收到错误:"Uncaught TypeError: $ (...)[0].wid
我在使 rem 中的 min-width 与百分比宽度共存时遇到了一些问题。 When resizing this jsfiddle the outer right block is going un
当我在 chrome(以及 Edge/Brave/Opera)的设备模式下测试页面时，设备宽度属性似乎减少了，但宽度属性没有 重新创建: html {
我想依次显示 div #botone、#bottwo 和 #bottree。我还希望在 #botone div 上按 100% 宽度和比例高度调整背景图像。 现在最后两个 Div 显示在 #boton
我是第一次学习 JavaScript 的学生，我有一个学校问题，我们需要指出 width 和 style.width 接受的数据类型。 我知道数据类型有数字、字符串、空值、未定义、 bool 值和对象
所以看起来在移动设备中媒体查询使用 screen.width 根本没有改变。但是在我的桌面上，当我更改窗口大小时，screen.width 保持不变，$(window).width() 发生变化，并且
http://jsfiddle.net/3BFGU/27/ 有谁知道为什么包含文本“ABC”的跨度的宽度返回 0。 1) 仅在 Firefox 中发生。2)如果我删除两者之间的跨度，它工作正常。 (h
我知道下面的代码清除了 Canvas canvas.width = canvas.width 但这在内部是如何工作的呢？ 赋值运算符只是将一些值赋给变量，但是上面的代码如何清除 Canvas ？ 根据
当使用 max-width 时，为什么它不会“破坏”超过允许长度的单词，我该如何让它工作？ JSFiddle function input() { var inputText = document
在移动网站上，在利用 width=device-width 视口(viewport)设置的同时调整文本大小的最佳方式是什么？ 最佳答案 样式百分比如何？比如 100% 或 90%。 关于html -
对于我的 WPF Toolkit DataGrid，我使用以下自定义列标题样式:
过去，我看到下一个 css，我在想两者之间是否存在一些实际差异 min-width: 90px; max-width: 90px; 和 width: 90px; 最佳答案 使用 width 将简单地在
我有一个 R Markdown，我从 RStudio 中将其编织为 html。我可以使用 fig.width 和 fig.height 来调整我的绘图的分辨率，但我似乎无法加宽页面输出，以便文本输出不
此处的示例代码:http://pastebin.com/95z3pftQ 我正在尝试构建一个带有固定标题和“内容”部分的移动页面，该部分将填充外部(经过清理，但在其他方面是任意的)HTML。我需要使用
这里是 dp 单位的定义:(如果它是正确的...) 密度无关像素 - 一种基于屏幕物理密度的抽象单位。这些单位是相对于 160 dpi 屏幕而言的，因此 1 dp 是 160 dpi 屏幕上的一个像素
我是一名优秀的程序员,十分优秀！