简体繁体 English

尽管没有设置高度，但Windows Chrome中的字段的高度与所有其他浏览器都不同

[英]Fields in Windows Chrome differ in height from all other browsers, despite no height setting

原文 2015-08-27 21:37:10 8 1 css/ windows/ google-chrome

Apologies for the live link but I am unable to replicate this in JSFiddle or others. 对实时链接表示歉意，但我无法在JSFiddle或其他公司中复制它。

I am having an issue with the height of input fields in Windows Chrome only. 我仅在Windows Chrome中输入字段的高度有问题。

Currently my inputs are outputting at 56px high. 目前，我的输入输出为56px高。

However, the font size is 16px , the padding is 8px all round and the bottom border is 3px therefore the input, including border, should only be 35px Yet it is outputting 20px taller. 但是，字体大小为16px ，填充全部为8px ，底部边框为3px因此输入（包括border）应仅为35px ，但输出的高度要高20px 。

This is how the look on Windows Chrome: 这是Windows Chrome浏览器的外观：

And here is the live link, you will find the form at the bottom of the page if you click 'contact us' 这是实时链接，如果您单击“联系我们”，则会在页面底部找到表格。

therightethos.francesca-designed.me therightethos.francesca-designed.me

1 个解决方案

It has a height of 37px, which is set by the browser itself and is never overruled in your CSS. 它的高度为37px，由浏览器自行设置，在CSS中绝对不会被覆盖。 To the height, the padding and border are added (2x8 + 3), bringing the total to 56px. 在高度上添加了边框和边框（2x8 + 3），使总数达到56px。

我的height属性在firefox中显示的结果与所有其他浏览器（Safari，chrome act）不同。为什么？ - My height attribute is showing different results in firefox than all the other browsers (safari,chrome act). Why?

为什么<a>在同一行内的高度和行高相同</a> <li> <a>重置后，在Safari中显示比其他浏览器更高？</a> - Why does an <a> with the same height and line-height within an <li> appear taller in Safari than in other browsers despite using a reset?

在所有浏览器中按钮高度均相同 - Same button height in all browsers

Safari计算列的高度与其他浏览器不同 - Safari calculates height of the columns differently from other browsers

所有浏览器（而非Chrome）的CSS设置 - CSS setting for all browsers but Not Chrome

将图像的最大高度设置为浏览器窗口的高度 - setting the max height of an image to the browser windows height

绝对位置时，宽度，高度，顶部，右侧，底部和左侧跨浏览器是否是？ IE，FF，Chrome，Safari和其他浏览器 - Is width, height, top, right, bottom and left crossbrowser when the position is absolute? IE, FF, Chrome, Safari and other browsers

不同 <br> Firefox与其他浏览器之间的高度 - Different <br> height between Firefox and other browsers

Windows 7浏览器忽略DIV高度100％ - Windows 7 Browsers Ignoring DIV height 100%

CSS Min-Height不适用于所有浏览器 - CSS Min-Height Not Working On All Browsers

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 我的height属性在firefox中显示的结果与所有其他浏览器（Safari，chrome act）不同。为什么？ - My height attribute is showing different results in firefox than all the other browsers (safari,chrome act). Why? 为什么<a>在同一行内的高度和行高相同</a> <li> <a>重置后，在Safari中显示比其他浏览器更高？</a> - Why does an <a> with the same height and line-height within an <li> appear taller in Safari than in other browsers despite using a reset? 在所有浏览器中按钮高度均相同 - Same button height in all browsers Safari计算列的高度与其他浏览器不同 - Safari calculates height of the columns differently from other browsers 所有浏览器（而非Chrome）的CSS设置 - CSS setting for all browsers but Not Chrome 将图像的最大高度设置为浏览器窗口的高度 - setting the max height of an image to the browser windows height 绝对位置时，宽度，高度，顶部，右侧，底部和左侧跨浏览器是否是？ IE，FF，Chrome，Safari和其他浏览器 - Is width, height, top, right, bottom and left crossbrowser when the position is absolute? IE, FF, Chrome, Safari and other browsers 不同 <br> Firefox与其他浏览器之间的高度 - Different <br> height between Firefox and other browsers Windows 7浏览器忽略DIV高度100％ - Windows 7 Browsers Ignoring DIV height 100% CSS Min-Height不适用于所有浏览器 - CSS Min-Height Not Working On All Browsers

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM