다른 플랫폼에서 웹 사이트의 크기가 다르게 조정됩니다.

-1

저는 벽돌집과 고급 팝업을 사용하여 웹 사이트를 만들고 있습니다. 내 목표는이 웹 사이트가 다른 장치에 반응하도록 만드는 것입니다.다른 플랫폼에서 웹 사이트의 크기가 다르게 조정됩니다.

브라우저에서 미리보기를 위해 브라우저의 크기를 조정 했으므로 데스크탑에서 크기가 잘 조정됩니다. 하지만 내 휴대폰의 실제 모습은 매우 다릅니다.

그것은 크기가 조정 된 브라우저에 보이는 무엇 : What it looks like in a resized browser

그것은으로 이동있어 전체 레이아웃처럼 보이는 전화예요 비슷한 문제에 왼쪽 또한 ipad/mini에서 발생합니다. 모든 조언에 깊이 감사드립니다.

2014-10-07 cheetah

대답하는 CSS 프레임 워크를 배울 수있는 그 시간, 부트 스트랩 또는 재단을 시도해보십시오. –

twiter bostrap 사용 –

코드를 게시해야합니다. 부트 스트랩과 재단이 훌륭한 자원 인 반면, 응답 성을 다루기 위해 순수한 CSS를 사용하는 것은 잘못된 것이 아닙니다. – lharby

지금은 YouTube 동영상이 페이지 너비를 엉망으로 만들고 있습니다.

$('iframe').attr('width',$(window).width()); 
    $('iframe').attr('height',$(window).height());

를하지만 심각,이 선 아래로 모든 것을 해결되지 않습니다 예를 들어, 유튜브 폭이 반응하기 위해 일부 jQuery를 추가하십시오. Foundation이나 Bootstrap을 배워야합니다.

Weird extra page width

2014-10-07 18:47:15

답변