응답 CSS는이 웹 사이트에 대한

Question

작동하지 않습니다. 이유를 이해할 수 없습니다. 비 모바일 사이트에

CSS : (하지 작업) 모바일 사이트에 대한

.testimonial_box { 
    background-color: #fff; 
    color: #000; 
    float: right; 
    padding: 30px 15px; 
    width: 71%; 
} 

CSS

.testimonial_box { 
    background-color: #fff; 
    color: #000; 
    float: left; 
    padding: 30px 15px; 
    width: 80%; 
    margin-top: 10px; 
} 

HTML :

<div class="testimonial_box"> 
</div> 

Answer 1

는 미디어 쿼리 특정이 (가) 모바일 CSS를 사용 그것을 위해

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
.testimonial_box { 
    background-color: #fff; 
    color: #000; 
    float: left; 
    padding: 30px 15px; 
    width: 80%; 
    margin-top: 10px; 
} 
} 

,451,515,

당신은 당신은 당신의 모바일 CSS의 각 라인 앞에 이상한 문자가 당신의 css.css 파일

@media only screen and (max-width: 800px) { 
    #portfolio-items .portfolio-grid li { 
     width: 240px; 
     height: auto; 
    } 
.testimonial_box { 
    background-color: #fff; 
    color: #000; 
    float: left; 
    padding: 30px 15px; 
    width: 80%; 
    margin-top: 10px; 
} 
} 

Answer 2

일부 잘못된 문자가 있습니다. 그것들을 제거하십시오. 이것은 그것이 내가 크롬에 css.css 파일을 볼 때 모습입니다

: 모바일 CSS에서

.testimonial_box { 
    background-color: #fff; 
    color: #000; 
    float: left; 
    padding: 30px 15px; 
    width: 80%; 
    margin-top: 10px; 
} 

Answer 3

사용 !important이 필요한 곳에, 예를

.testimonial_box { 
    background-color: #fff; 
    color: #000; 
    float: left !important; 
    padding: 30px 15px; 
    width: 80% !important; 
    margin-top: 10px; 
}