Wordpress 웹 사이트 (Genesis 프레임 워크 사용) iPhone 및 HTC에서 반응 형 디스플레이가되도록 설계되었지만 삼성 Galaxy 폰에는 표시되지 않습니다. (삼성 갤럭시 S2 및 삼성 에이스에서 테스트) 현재 비디오 내장을 반응 적으로 만들기 위해 FitVids 플러그인을 사용하고 있습니다.삼성 Galaxy S2에 응답하지 않는 웹 사이트
이상하게도 삼성 휴대 전화에서 볼 수있는 비디오 퍼가기가없는 페이지는 제대로 표시되지만 비디오가 포함 된 페이지에서는 태블릿 화면 용으로 표시되고 전화 화면에는 표시되지 않는 페이지 레이아웃이 표시됩니다.
다양한 플러그인을 사용해 보았지만이 중 아무 것도이 문제를 해결하지 못하는 것 같습니다.
누군가가 이에 대한 조언을 제공 할 수 있다면 좋을 것입니다.
여기 여기 내 site
년대 CSS를 사용하여 stylesheet
시도의이
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport">
내가 삼성 화면이 CSS 아래로 시도하십시오 480 * 800 픽셀
것으로 나타났습니다으로 :
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : landscape) {
}
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : portrait) {
}
감사합니다.
휴대 기기와 데스크톱의 픽셀 크기가 다를 수 있으므로 @media 규칙을 사용하지 않는 것이 좋습니다. 대신 예를 들어
는 :
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : landscape) {
}
@media only screen
and (min-device-width : 480px)
and (max-device-width : 800px)
and (orientation : portrait) {
}
5 %의 마진에서 왼쪽으로 5 %의과 마진-권리가 컨테이너를 추가
<body>
<div class="container">
# Your body goes here
</div>
</body>
나는 이것을 발견했다 표준 @ 미디어 규칙보다 반응 형 디자인에 대한 훨씬 더 사용자 친화적이고 유지 된 접근 방식.
2011 년부터'jquery.fitvids.js' 버전'1.0'을 사용하고 있습니다. 아마도 업데이트를 확인해야합니다. – birgire
내 게시물을 찾아서 미디어 CSS를 넣으십시오. –
나는 이것에 대한 좋은 대답을보고 싶습니다. 제공된 답변 중 어떤 것도 동영상이 포함 된 페이지가없는 기능과 다른 기능을 포함하는 이유를 다룹니다. –