草庐IT

IPM_WIDTH

全部标签

html - html <img width=xxx> 中指定的图像宽度单位是什么?

我对html语言完全陌生。在html中附加的图像中,我们需要通过以下标记指定图像的宽度那么这里的宽度单位是什么?我猜它是像素?如果以像素为单位,是否意味着图像的大小实际上与显示器的分辨率有关?我在具有不同分辨率的不同显示器的不同机器上打开一个网页,其中显示的图像宽度为350。我测量了屏幕上显示的图像的宽度,它们是相同的。那么有什么方法可以计算出图像的绝对宽度(以cm或mm为单位(在php中)? 最佳答案 像素。答案必须是30个字符长。所以我要输入更多内容。 关于html-html中指定的

html - 为什么不显示:block and 100% width work on table rows?

具有display:block的表行无法获得父表的100%宽度,当它们具有display:table-row时它们自然获得100%宽度但是那个CSS值有一些其他的副作用,我现在尽量避免。Plunkerthatdemonstratetheproblem.是什么导致表格行的行为像这样而不像普通的block级元素? 最佳答案 此行为与表格在浏览器中的处理方式有关。table元素设置为display:table。tr是一个display:table-row,td是display:table-cell。如果您正在创建一个基于div的css表格

html - CSS: fixed positioning, right: 0px 但不会遵守 max-width

我无法让定位、最大宽度和“right:0px”协同工作!我正在创建一个固定在我网站右上角的div。页面内容的最大宽度为1000像素,但标签仅遵守我的“右:0像素”规则并坚持在右侧,一旦达到最大宽度则不遵守。还应该注意的是,默认情况下,div位于左上角并遵守最大宽度(如果我键入“left:0px;”,但它不遵守规则并且坚持在左边)。CSS:#content{margin:0auto;max-width:1000px;}#div{width:150px;position:fixed;right:0px;}以下是我已经尝试过的一些替代方案:width:100%(withtext-align:

html - 预标记宽度 :100% or max-width:100% overflow:auto is not flexible

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭8年前。Improvethisquestion这里是一个例子的链接:http://whiterootmedia.com/database/dusty_arlia/the_img_tag_and_its_attributes.html我的标签元素将包含长行代码。每当其容器更改为width:auto(宽

html - 是最大宽度 :auto == max-width:100%?

是max-width:auto;等于max-width:100%?如果不是,有什么区别? 最佳答案 它们不相等。auto不是max-width的有效值.如果您要查找表示“此元素的宽度没有上限”的值,则该值为none(参见max-width上的规范)。none然而,也不等于100%。值100%表示元素最多只能与其包含block的约束一样宽(有关百分比宽度的详细信息,请参阅thewidthproperty上的规范)。与none,你仍然可以使元素比它的包含block更宽(这通常会导致溢出),例如通过设置width:150%在元素上。如果最

javascript - 无法识别键 "device-width;"的视口(viewport)参数值 "width"。内容被忽略

我正在尝试为不同的Android设备设置不同的视口(viewport)。为此,我使用了这段代码。if(window.devicePixelRatio==1){document.querySelector("meta[name=viewport]").setAttribute('content','width=device-width,initial-scale=0.51,maximum-scale=0.51,user-scalable=0,target-densityDpi=device-dpi');}elseif(window.devicePixelRatio==2){documen

html - 同步图像 block {width : 100%; height : auto} behaviour

我想创建以下布局:是具有不同宽度和高度的可变数量图像的条纹,它们是:比例在同一高度缩放;并且它们的宽度之和等于父宽度。***表达自己有点复杂;我想知道当您将宽度设置为百分比时,block是否有可能模拟img整齐的比例行为,并且它会神奇地自动计算它的高度.我制作了一个图表,也许可以更好地解释我想要实现的目标:我希望图像的总宽度为父元素的100%,并在不失去比例的情况下以相同的高度缩放。我已经尝试了各种实现,试图找出一种方法,我可以在其中转换计算css中的百分比高度,该高度填充block的所有宽度,当有{width:100时图像的行为方式%;高度:自动属性。到目前为止,这是我得到的:Str

html - Bootstrap 3 : how to control input width inside input-group?

参见http://jsfiddle.net/7T9r9/举个例子。我想要实现的是让第一个输入宽度适合其中的文本(我想固定宽度也可以)。第二个输入应占据该行的其余部分,所有元素应位于同一行。有办法吗? 最佳答案 我猜你的fiddle是你想要的效果的一个例子,但你不想为它使用不同的列。基于值长度的动态宽度文本输入是不可能的(除非最近通过像Verou这样的CSS女神找到了一些东西)。所以假设那个人的宽度是固定的。然后另一个人可以利用另一个固定宽度来做边距等。像这样:HTMLCSS.row{position:relative;}.test1

html - CSS 显示 :table with fractional pixel width

我使用百分比来创建div的宽度,并将display属性设置为table。在我的例子中,父div的宽度是88.7969px。所以按理说将display属性设置为table的子div的width设置为100%将计算宽度为88.7969px。然而,事实并非如此。它计算宽度为88px。不支持table显示的小数像素宽度吗?这是fiddle.如果您检查这些元素,您会在88.7969像素处看到content包装器,但在88px处看到内部子元素div。 最佳答案 不,与具有小数像素值的display:table无关。这完全取决于您使用的浏览器和浏

jquery width() 在我尝试的每个浏览器中似乎都是错误的,除了 FF4

我正在尝试准确获取的宽度元素。结果是我在FF4中所期望的,但在IE9/Safari5中,我得到的结果是1个像素。这让我发疯。更新:我的最终目标是从ROWS表格的单元格中获取宽度并将其应用于HEADER表格的单元格,以便每个表格的单元格完美对齐。这样做以使其适用于所有浏览器是我的问题。这是一个简单的例子:http://jsfiddle.net/XwNEj/16/仅适用于FF4:(如果您能帮助我在所有现代浏览器上运行这项工作,我将不胜感激。 最佳答案 有关固定表格标题,请参阅thispost,或尝试this对于纯CSS解决方案。