2014-02-11 6 views
0

내가하려는 것은; 내가 트위터 부트 스트랩에 ".container"클래스가ipad의 부트 스트랩 변경 컨테이너 너비

, 나는 내가

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

처럼 내 컨테이너 클래스를 무엇을해야합니다. 나는 아래의 대구를 시도했으나 컴퓨터의 .container 's width : 900px도 시도했다.

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

해당 CSS를 어떻게 업데이트해야합니까?

미리 감사드립니다.

가 해결
+0

감사합니다. * 기능 * JS를 사용하여 장치 유형에 따라 변경 될 수 있지만 CSS는 * 보이는 방법 만 처리하고 * 보이는 방법은 일반적으로 * 사용 가능한 * 시각 공간 *에 따라 결정됩니다. 호기심에서 왜 장치 유형에 따라 다른 스타일링이 필요한지 설명 할 수 있습니까? – Zhihao

+0

그 점에 대해서,'min-width' 대신에'min-device-width'를 사용 해본 적이 있습니까? 장치를 결정하는 것이 더 정확할 것입니다. – Zhihao

+0

.container {width : 900px;}가 필요합니다 –

답변

2
@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;} 
} 

하나는이 콘텐츠를 사용할 얼마나 화면이 부동산에 따라 서로 다른보고 싶어하기 때문에 장치/화면 크기에 따라 CSS를 변경하고자, 일반적으로 당신에게 모든

관련 문제