当前位置: 首页 > 面试题库 >

如何解决input在Firefox和Chrome中高度不一致的问题?

龙正初
2023-03-14
本文向大家介绍如何解决input在Firefox和Chrome中高度不一致的问题?相关面试题,主要包含被问及如何解决input在Firefox和Chrome中高度不一致的问题?时的应答技巧和注意事项,需要的朋友参考一下
  • 原因是firefox的input的border-width padding 受win10系统的文本大小设置影响
  • 设置一样的样式
    input{
        box-sizing:border-box;
        height:20px;
    }
  • 将win10 系统的文本大小设置为100%
 类似资料:
  • 我发现,如果我们设置一个块级元素的高度为或而没有设置父级的高度为显式值,并且它的块级子级有底部边距,那么它在Chrome中会计算不同的高度,而在Firefox中则不会。对于设置的情况: http://codepen.io/anon/pen/bjgkmr 块的高度将计算为的内容高度。我很困惑为什么应该和一样计算,因为父元素(和标记)没有显式地设置它的高度,而是有不同的高度,因为我们只是直接将高度设置

  • 问题内容: 为什么Chrome中的高度大于Firefox的输入高度 问题答案: 问题本质上是。 Chrome的外观与Firefox 相似。 在输入中增加高度应该可以解决问题,尽管您应注意和匹配。 例如:。

  • 本文向大家介绍解决Android中自定义DialogFragment解决宽度和高度问题,包括了解决Android中自定义DialogFragment解决宽度和高度问题的使用技巧和注意事项,需要的朋友参考一下 关于详解Android应用中DialogFragment的基本用法,大家可以参考下。 1、 概述 DialogFragment在android 3.0时被引入。是一种特殊的Fragment,用

  • 本文向大家介绍解决PHP字符串长度不一致的问题,包括了解决PHP字符串长度不一致的问题的使用技巧和注意事项,需要的朋友参考一下 如下所示: 这两句就可以解决了。 以上这篇解决PHP字符串长度不一致的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 如何解决FireFox在win10和win11下滚动条表现不一致的情况? win10系统下,Firefox的滚动条会占用页面宽度 win11系统下,则反之,不会占用页面宽度 我尝试过通过User-Agent来检测系统版本,但是可惜FireFox不支持 然后火狐可以修改的滚动条样式较少 查了一下出处,疑似是 Firefox 97 版本的一次针对 win11 的更新导致 我希望在能在火狐浏览器下区分当

  • 我正试图给我的图像一个风景或肖像类在一个Wordpress图像库通过测量图像的尺寸负载。该代码在Safari中工作,但Firefox返回0像素的宽度和高度,Chrome有时会正确加载它们,有时则不会。我很困惑,有人能帮我吗?