2013-12-12 2 views
0

저는 joomla 모듈을 만들고 있는데, 다른 모바일 장치에 대해 반응 형이되고 싶습니다. joomla 모듈은 전체 페이지의 특정 부분에 일부 내용을 주입하므로 템플리트가 응답하지 않으면 페이지의 다른 내용이 응답하지 않을 수 있습니다.이 경우 전체 페이지 템플리트가 응답하지 않으면 어떻게 내용을 작성합니까? 내 모듈 응답?콘텐츠의 일부분을 반응 적으로 만들기

<meta name="viewport" content="width=device-width"> 

가 아닌 다른 영향을 미치는 방법 - 나는 전체 사이트가 반응하지만,이 메타 페이지에 배치 할 필요가있는 경우 content.So의 일부는, 내 목표 달성을 시작하기에 대한 몇 가지 기사를 읽고 사이트 페이지의 반응 형 콘텐츠? 반면에 전체 콘텐츠가 아닌 일부 콘텐츠의 응답 성을 보여주는 것은 어렵고 나쁜 습관입니까?

내 접근 방식 : 모든 클래스를 bootstrap.css 및 bootstrap-responsive.css의 모든 클래스를 ".container_class"사용자 지정 클래스에 넣는 방식으로 응답 형 기능을 사용하려고 시도했으며 내 모든 콘텐츠를 해당 클래스의 모듈에 배치하여 모듈 내용은 부트 스트랩 스타일을 상속하고 메타 내용 위에 선언하지 않고 브라우저의 크기를 조정하면 모듈의 내용이 조정되지만 다른 것들을 충분히 고려하지 않은 것을 보았습니다.이 접근법은 유익합니다 .. ?? 또는 어떻게 내 목표를 달성합니까? 당신이 메타 태그에 대해 원하는

+2

예를 들어 (@css-tricks.com/css-media-queries/)'@ media' 쿼리를 찾아보십시오. 사이드 노트 : 생성 된'HTML'을 게시하면 적절한 코드 제안을 제공 할 수 있습니다. – Xareyo

+0

내 콘텐츠는 페이 스북 그룹 피드를 보여주고 있기 때문에 아약스 전화로 페이스 북에서 자동으로 온다.이 콘텐츠에는 텍스트, 이미지, 텍스트, 링크, 이미지, 아이콘이있는 일부 콘텐츠를 생각할 수있는 다른 사람들이 포함되어있다. 내가 쓴 메타 태그는 어떨까요? – mks

답변

0

세부 사항은 다음과 같습니다 템플릿 자체가 응답하지 않으면

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

다음하지만 시행 착오없이 최종 결과를 예측하는 방법은 없습니다.

템플릿이나 다른 확장 프로그램의 다른 요소에 더 작은 뷰포트의 크기가 조정되지 않은 하드 코딩 된 너비가있는 경우 일부 맞춤 CSS를 추가하여 여전히 성공할 수 있습니다. 예를 들어 본문 너비를 하드 코드 된 960 픽셀에서 상속 또는 100 %

나는 시험 할 때 아무런 해가 없다고 생각합니다. 당연히 결국 반응 형 템플릿으로 이동하면 Joomla 3가 이상적인 솔루션이 될 것입니다.

행운을 빈다.

관련 문제