무성한 슬라이더 전체 너비와 제한된 높이

Question

나는 모든 것을 다 해보고 비참하게 실패하고 있다고 생각합니다. 나는 무성한 응답 슬라이더로 작업 해 왔으며 몇 가지 중요한 문제를 가지고 있습니다.

시작하려면 데모에서 정확한 코드를 가져 와서 내 머리글에 넣었지만 하단과 오른쪽에 이상한 패딩이있어서 제거하고 높이를 제외하고는 제대로 작동한다고 생각했습니다. 너무 커서 페이지의 절반 이상을 차지합니다.

슬라이더의 배경이 필요한 것보다 훨씬 작은 왼쪽 위 모서리에 앉아 있지만 창 크기를 조정하고 페이지를 다시로드했습니다. 100 % 화면에서 다시로드하면 반응이 제대로 작동합니까? 그것은 어떤 장면도 만들지 않습니다.

또한 높이가 날 괴롭 히고 있습니다. 크기를 조정할 수는 없지만 크기를 조정 한 10um의 li와 li에 정적 높이를 넣었을 때 반응이 창 밖으로 나왔습니다.

나는 이것을 js 바이올린에 올리려고했지만 플러그 인은 너무 많은 코드로 실행하지 않고 추락시켰다. 도움이된다면이 사이트에 dev 사이트를 게시 할 수 있습니다. 내가 데모 파일에서 정확한 html과 css를 사용했다고 말한 것처럼 나는 전체 너비를 만들기 위해 약간의 패딩 만 제거했습니다.

도움을 주시면 감사하겠습니다.

Answer 1

좋아, 나는 너비 문제에 대한 해결책을 찾아 냈습니다. 문제는 초기 baseWidth와 관련이있는 것처럼 보입니다. 기본값은 1140 픽셀입니다. 첫 번째 무성한 슬라이더 div 태그의

data-base-width="600" and data-base-height="600" 

속성으로 주위 재생하는 것은 당신이 어떤 진전을 볼 수 있지만, 보이는 수 있습니다에만 고정 된 값이 허용됩니다처럼, 아니 비율.

<script> 
document.write('<div id="lushDiv" class="lush-slider autoload shadow-a" data-slider-pause-on-hover="true" data-base-width="' + document.body.clientWidth + '" data-base-height="600" style="background: rgb(229, 229, 229)">'); 
</script> 

Answer 2

제 제안은 Javascript 또는 JQuery를 사용하지 않는 것입니다. 간단한 CSS와 HTML이 도움이 될 것입니다. 당신은 분명히 CSS의 모든 필요하지 않습니다 http://jsfiddle.net/jacobdubail/bKaxg/7/

: 여기

는 바이올린입니다. 레이아웃을 수반하기 만하면됩니다.

때문에 같은 비율로 폭을 변경

:

min-width: 100%; 

나는 EMS의 높이를 변경 제안.