2017-02-20 26 views
0

вот мой код:
`CSS width calc не работает в мобильном браузере UC?

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

`

Приведенные выше код не работает в мобильном UC Browser.
Есть ли какой-либо специальный код для «UC BROWSER».
Может кто-нибудь, пожалуйста, помогите мне избежать вышеупомянутой проблемы.
Заранее спасибо ...

ответ

1

Попробуйте

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

Фактически правый столбец (столбец2) должен быть 100px, тогда оставшаяся часть пространства должна занимать левый столбец (столбец 1). –

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

вы можете использовать это.

это образец только.

+0

спасибо за ответ ур .. но браузер UC не идентифицирует этот код «width: calc (100%/3 - 16px)»; так что есть ли какой-нибудь конкретный код для мобильных браузеров типа «-webkit-calc (50% - 20px)» –

+0

вы попробовали это? /* Firefox */ ширина: -moz-calc (100% - 500px); /* WebKit */ ширина: -webkit-calc (100% - 500px); /* Opera */ ширина: -о-calc (100% - 500px); /* Стандарт */ ширина: calc (100% - 500px); /* IE-OLD */ ширина: выражение (100% - 500 пикселей); ширина: 98%;/* резерв для браузеров без поддержки calc() */ width: calc (100% - 1em); –