Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS宽度计算在移动UC浏览器中不起作用?_Css_Cross Browser - Fatal编程技术网

CSS宽度计算在移动UC浏览器中不起作用?

CSS宽度计算在移动UC浏览器中不起作用?,css,cross-browser,Css,Cross Browser,这是我的代码:` .column1{ width:calc(100% - 100px); float:left; } .column2{ width:100px; float:left; } ` 上述代码在移动UC浏览器中不起作用。 “UC浏览器”是否有特定代码。 有人能帮我摆脱上述问题吗。 提前感谢…试试这个 .column1 { width: 48%; width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20p

这是我的代码:
`

.column1{
 width:calc(100% - 100px);
float:left;
}
.column2{
width:100px;
float:left;
}
`

上述代码在移动UC浏览器中不起作用。
“UC浏览器”是否有特定代码。
有人能帮我摆脱上述问题吗。
提前感谢…

试试这个

.column1 {
  width: 48%;
  width: -webkit-calc(50% - 20px);
  width: -moz-calc(50% - 20px);
  width: calc(50% - 20px);
}
你可以用这个


这只是一个示例。

实际上,右栏(第2列)应该是100px,然后剩余的空间应该占据左栏(第1列)。感谢您的回复。。但是UC浏览器没有识别这个代码“width:calc(100%/3-16px)”;“那么对于移动浏览器有什么特定的代码,比如“-webkit calc(50%-20px)”你试过吗?/*Firefox/宽度:-moz计算(100%-500px);/WebKit/宽度:-WebKit计算(100%-500px);/Opera/宽度:-o-计算(100%-500px);/标准/宽度:计算(100%-500px);/IE-OLD/宽度:表达式(100%-500px);宽度:98%;/不支持calc()的浏览器的回退*/宽度:calc(100%-1em);
.trythis{
    display: inline-block;
    width: calc(100% / 3 - 16px);
}