소형 장치 및 대형 장치 용으로 다른 이미지 설정

소형 장치 및 대형 장치에 다른 이미지를 넣어야합니다. 미디어 쿼리로 해결하려고했지만 성공하지는 못했습니다.소형 장치 및 대형 장치 용으로 다른 이미지 설정

<div class="small-12 large-4 columns" id="stickSlider"> <br> 
     <a href="#" id="leftSliderImage"></a> 
    </div>

CSS 파일 :

#leftSliderImage { background-image: url('img/leftSlider.gif'); width: 324px; height:395} 

@media screen and (max-width: 767px) 
{ 
    #leftSliderImage { background-image: url('img/smartLeftSlider.png'); width: 543px; height:224px;} 
}

추신 : 여기

는 코드 나는 버튼의 다른 같은 문제가 : 나는 어떻게 각 장치에 다른 단추 이미지를 넣어 필요 나는 이것을한다?

도와 주시겠습니까?

감사

출처

2013-06-23 Avital Macabi

당신이 당신의 HTML의 <head>에 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 이 있는지 확인합니다. Here's a working demo

출처

2013-06-24 16:43:35

예를 들어 주셔서 감사합니다. –

소형 장치 및 대형 장치 용으로 다른 이미지 설정

답변

관련 문제