2017-02-20 88 views
0

這裏是我的代碼:
`CSS寬度calc不適用於移動UC瀏覽器?

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

`

上面的代碼是不是在移動UC瀏覽器工作。
是否有任何「UC瀏覽器」的具體代碼。
任何人都可以幫助我擺脫上述問題。
在此先感謝...

回答

1

試試這個

.column1 { 
    width: 48%; 
    width: -webkit-calc(50% - 20px); 
    width: -moz-calc(50% - 20px); 
    width: calc(50% - 20px); 
} 
+0

實際上右列(column2)應該是100px,然後剩餘部分空間應該佔據左列(column1)。 –

0
.trythis{ 
    display: inline-block; 
    width: calc(100%/3 - 16px); 
} 

您可以使用此。

這只是樣品。

+0

感謝您的迴應..但UC瀏覽器不能識別此代碼「width:calc(100%/ 3 - 16px);」那麼是否有任何針對移動瀏覽器的特定代碼,如「-webkit-calc(50% - 20px)」 –

+0

您是否嘗試過? /* Firefox */ width:-moz-calc(100% - 500px); /* WebKit */ width:-webkit-calc(100% - 500px); /* Opera */ width:-o-calc(100% - 500px); /*標準*/ 寬度:計算(100% - 500px); /* IE-OLD */ 寬度:表達式(100% - 500px); 寬度:98%;/*不支持calc()*/ 寬度:calc(100% - 1em); –

相關問題