Magento는 반응 형 디자인을 허용하지 않습니까?

Chrome에서 Resizer 북마크릿을 사용하여 휴대 전화 크기 또는 작은 태블릿 크기로 웹 사이트 크기를 조정할 때 내 웹 사이트를 읽을 수 없게 된 이유 (즉, Magento에서 작성한 첫 번째 테마)가 어려워졌습니다. 여러 반응 형 디자인을 만들었으므로이 문제가 발생하지 않았습니다. Magento는 반응 형 디자인을 허용하지 않습니까?

나는이 태그에 style 속성에 추가 가도록 그것 때문에 알아 냈 :

-webkit-transform: scale(0.6122448979591837); -webkit-transform-origin: 0px 0px; min-width: 980px;

가 정확히 어떻게 내가 할 HTML 스타일 속성 것을 무엇을 추가하는 것 찾을 수 있습니까 ? Magento가 자바 스크립트 파일 중 하나에서 기본적으로하는 일이라고 추측하고 있습니까?

html 태그의 style 속성을 삭제하면 페이지가 읽을 수있는 글꼴 크기로 표시되고 원래 다른 모든 것이로드됩니다.

이들은 젠토로드는 모든 기본 JS 파일입니다

<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/prototype/prototype.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/lib/ccard.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/prototype/validation.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/scriptaculous/builder.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/scriptaculous/effects.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/scriptaculous/dragdrop.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/scriptaculous/controls.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/scriptaculous/slider.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/varien/js.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/varien/form.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/varien/menu.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/mage/translate.js"></script> 
<script type="text/javascript" src="http://clearchannel.halfoffdeals.com/js/mage/cookies.js"></script>

출처

2013-07-23 Peanut

Magento가 아무 것도하지 않을 것 같지 않습니다. jQuery (또는 JS 플러그인)가하는 것처럼 보이는 것입니다. 요소의 크기를 조정하거나 크기를 조정하는 프런트 엔드 라이브러리를 사용하고 있습니까? –

Resizer를 사용하고 있습니다 ...하지만 다른 디자인에서 작동하고 크기를 조정하지 않기 때문에 의미가 없습니다. Magento가 기본적으로 포함하고있는 js 파일 중 하나 인 것처럼 느껴집니다. 기본 템플릿에서도 마찬가지입니다. Magento는 내가 반응 형 디자인에 문제가있는 유일한 CMS입니다. 내 사용자 정의 반응 형 디자인은 벌써 html과 css (포함 된 파일 만 포함)로 만들었습니다. 이처럼 크기를 조정하지 않았습니다. – Peanut

giftimity.com을 디자인했습니다. Resizer 북마크 릿으로이 웹 사이트를 체크했는데 이것은 html 태그의 스타일 속성에 추가 된 유일한 것입니다 : background-color : rgb (255, 255, 255); 그래서 Resizer는 그것을하지 않습니다 .. Magento는 내가 생각하기에 무언가가있는 무작위 js 파일을 많이 포함합니다 .. – Peanut

나는이 어디에서 오는 모르겠어요,하지만 여기서 끝입니다. Chrome에서 작업하는 경우 관리자 (Windows의 경우 F12)를 당깁니다.

그런 다음 요소 탭 (왼쪽 상단)을 클릭하십시오. <html> 노드를 마우스 오른쪽 단추로 클릭하고 Break On ... > Attributes Modifications을 선택하십시오. 그런 다음 페이지를 새로 고침하십시오. 이것은 자바 스크립트 기반의 문제가 될 경우

는 다음 관리자는 HTML 요소에 변화를 캐치하고, 바로 이러한 스타일을 추가하고 파일의 라인에서 실행을 일시 정지한다. 문제가있는 곳을 알려줍니다.

작동하는 경우 알려 주시면 더 자세히 도와 드리겠습니다.

출처

2013-07-23 15:54:37

맙소사. :/아무 것도 나타나지 않습니다. 그러나 Resizer는 그것을하는 것입니다. 하지만 giftimity.com에 가서 Resizer를 사용하고 내가 작업하고있는 사이트에서하는 것과 같은 화면 크기로 내려 가면 html 태그에 아무 것도 추가되지 않습니다.그 물건이 내 magento 테마의 html 태그에 추가 되더라도. 필자가 창 크기를 수동으로 조정하면 모양이 좋아 보이지만 Resizer를 사용하면 끔찍한 것처럼 보입니다. : /하지만 다른 모든 사용자 정의 손으로 작성된 코드 사이트에서는 괜찮아 보입니다. – Peanut

왜 내 응답 코드 (트위터 부트 스트랩)가 작동하지 않습니다 ... – Peanut

그럼 테스트 드라이브를 가져 가기 위해 그 확장을 다운로드했습니다. 내가 싫어하는 점은 페이지의 DOM을 조작하고 뷰포트 크기를 시뮬레이트하기위한 자체 스타일 시트를 추가한다는 것입니다. 내가 보는 또 다른 문제점은 Google의 CDN에서 메모리에 jQuery가 없으면로드된다는 것입니다. jQuery와 프로토 타입에 대해 아는 사람은'$'변수를 공유합니다.이 Resizer 스크립트는이를 설명하지 못합니다 (소스의 아무 곳에서나'jQuery.noConflict()'호출을 볼 수 없습니다). 그래서 Prototype JS로 문제를 만들 수 있습니다. (계속 ...) –

Magento는 반응 형 디자인을 허용하지 않습니까?

답변

관련 문제