•  

    플랫 스크롤과 같이 가로가 100%로 브라우저 사이즈에 자동으로 맞춰지는 형태의 슬라이드의 경우

    브라우저가 늘어나거나 줄어들 때 비율에 맞춰서 축소 및 확대가 되므로 상/하 부분이 좀 잘려 보일 수 있습니다.

     

    사용자 모니터 사이즈가 다양함에 있어 이러한 기술을 사용하는 것인데 최대한 이미지를 비율에 맞춰서 사용하면 문제없이 사용할 수 있습니다.

     

    - 가장 많이 사용되는 모니터 가로 사이즈가 1920 이라 생각하고

    - 세로는 레이아웃 설정에 슬라이드 세로 값을 400px로 사용한다면 

     

    1920x400 사이즈를 사용하면 됩니다. 정 사이즈로 사용하여 파일 용량으로 인한 로딩에 영향이 미칠 것 같다면, 

    비율에 맞춰 축소를 시키면 1200x250px 사이즈로 사용하면 무난합니다. 

     

    * 슬라이드 세로 값 입력에 30%로 입력할 경우 브라우저가 축소될 때(모바일) 세로 사이즈가 자동으로 축소가 됩니다.

    px을 사용할 경우 브라우저가 축소 되더라도 사이즈가 고정됩니다. 

    페이스북 트위터 미투데이 요즘 마이피플