반응 형 레이아웃에 도움이되는 10 개의 jQuery 플러그인

이 기사는 반응 형 웹 디자인을 단순화하는 10 개의 jQuery 플러그인을 탐색하여 탐색, 양식, 이미지 및 기본 미디어 쿼리 조정 이상의 회전 목마와 같은 요소를 최적화하는 데 중점을 둡니다.

헤드 업 그리드 :

> HTML, CSS 및 JavaScript로 구축 된 응답 형 오버레이 그리드는 반응 형 디자인 요구에 쉽게 적응할 수 있습니다.

소스 데모
1. fitvids.js : 반응 형 비디오 임베드를위한 ​​경량 JQuery 플러그인, 고유 비율 방법을 사용하여 유체 폭 비디오 구현을 자동화합니다. 소스 데모 AdaptiveMedia : A 모든 화면 크기에 대해 하나의 CSS 파일 만 필요로하는 소형 (3KB 미만), HTML5 및 IE6 호환 솔루션이 적거나 CSS3 미디어 쿼리가 줄어 듭니다.
소스 데모

rlightbox : jQuery UI 미디어 박스 (이미지, YouTube/Vimeo 비디오), 파노라마 및 라이브 리 크기, 그리고 안내 자 호환성을 보여주는 jQuery UI 미디어 박스.

소스 데모 엘라 스슬리 라이드 :

반응 형 jQuery 회전 목마 크기와 동작을 화면 크기에 적응시키는 반응.

소스 데모
2. 썸네일 회전 목마가 포함 된 반응 형 이미지 갤러리 : 소스 데모 원활한 반응 형 사진 그리드 :
다른 화면 크기에 걸쳐 이미지 종횡비 유지.

소스 데모

반응 형 jQuery 슬라이드 쇼 :

는 반응 적으로 스케일링하는 유체 jQuery 슬라이드 쇼를 만듭니다.

소스 데모
wmuslider :
9. a 원시, MIT 라이센스 슬라이더 플러그인 (주의해서 사용) 소스 데모
doubletake : 정의 된 브레이크 포인트를 사용하여 브라우저 너비를 기반으로 이미지 소스를 동적으로 업데이트하는 개념 증명 플러그인.
소스 데모 이 선별 된 목록은 반응 형 레이아웃을 달성하기위한 다양한 솔루션을 제공하여 다양한 설계 요구와 복잡성을 제공합니다. 항상 다른 브라우저에서 철저히 테스트해야합니다

위 내용은 반응 형 레이아웃에 도움이되는 10 개의 jQuery 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!