Html 移动设备上firefox中的Css问题_Html_Css

Html 移动设备上firefox中的Css问题

html css

Html 移动设备上firefox中的Css问题,html,css,Html,Css,问题是在手机和平板电脑上测试的firefox移动设备上显示不正确。桌面版firefox或chrome运行正常，但在移动版firefox上无法运行。谷歌chrome手机也运行良好 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

问题是在手机和平板电脑上测试的firefox移动设备上显示不正确。桌面版firefox或chrome运行正常，但在移动版firefox上无法运行。谷歌chrome手机也运行良好

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<input id="copyprice" type="text" class="form-control input-lg custom" size="3" value="8,425" />
<select onchange="doReload(this.value);" class="form-control input-lg custom">
<option value="aud">USD</option>
<option selected="selected" value="usd">USD</option>
</select>
</body>
</html>

.custom
{
    width: auto !important;
    display: inline-block !important;
    text-align: center;
    text-align-last: center;
}

input, select
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
}

请看红线，有1或2倍的差异，我无法修复它们，无论我如何尝试。问题是第二个盒子更高，而不是第一个，如果这有帮助的话

我认为可以添加垂直对齐：顶部

使用css：

.custom {
    width: auto !important;
    display: inline-block !important;
    text-align: center;
    text-align-last: center;
    font-size: 16px !important;
}

使用css：

.custom {
    width: auto !important;
    display: inline-block !important;
    text-align: center;
    text-align-last: center;
    font-size: 16px !important;
}

尽管我在左边有一些文本，但我必须修改它们。尽管我在左边有一些文本，但我必须修改它们。尽管我在左边有一些文本，但我必须修改它们。这同样有效，我认为这是这个问题的正确答案。这同样有效我认为这是这个问题的正确答案。