Ширина контейнера для загрузки Boottrap на ipad

То, что я пытаюсь сделать, это;Ширина контейнера для загрузки Boottrap на ipad

У меня есть ".container" класс на Twitter Bootstrap, я хочу, чтобы мой контейнер класса как

.container{ 
    width: 900px (if on ipad) 
    width: 970px (if computer) 
}

, что я должен делать. Я попробовал треску ниже, но ширина .container: 900px также на компьютере.

@media (min-width: 768px) { 
    .container{width: 900px!important;} 
}

Как обновить этот css.

Заранее спасибо.

источник

2014-02-11 Alpan Karaca

Как правило, один хочет изменить CSS, основываясь на размерах устройства/экрана, потому что они хотят, чтобы содержание выглядеть по-разному в зависимости от того большого экрана недвижимости доступны. * Функциональность * может изменяться в зависимости от типа устройства с использованием JS, но CSS обрабатывает только то, как он * выглядит *, и как он выглядит *, как правило, зависит только от того, сколько * визуального пространства * доступно. Из любопытства вы могли бы объяснить, почему вам нужен другой стиль на основе типа устройства? – Zhihao

В этой заметке вы рассматривали использование 'min-device-width', а не' min-width'? Это будет более точно при определении устройства. – Zhihao

Мне нужен .container {width: 900px;} –

@media (min-width: 600px) { 
    .container{max-width: 600px;width: 600px;} 
} 
@media (min-width: 768px) { 
    .container{max-width: 900px;} 
} 
@media (min-width: 992px) { 
    .container{max-width: 900px;} 
} 
@media (min-width: 1024px) { 
    .container{width: 970px;} 
} 
@media (min-width: 1200px){ 
    .container{width: 1170px;max-width: 1170px;} 
}

она решается спасибо всем

источник

2014-02-12 13:53:08

Ширина контейнера для загрузки Boottrap на ipad

ответ

Смежные вопросы