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);
}