2013-09-27 2 views
1

저는 반응 형 웹 사이트를 처음 사용하는 사람들에게 약간의 반응이있는 사이트를 만들었지 만, 어떤 이유로 현재 사이트에 문제가 있습니다. 랩톱이나 데스크톱에서 볼 때 브레이크 포인트는 브라우저 크기를 조정할 때 잘 작동하지만 모바일 장치에서 볼 때 전체 크기를로드하고 미디어 특정 스타일 시트를 무시한 화면 너비에 맞 춥니 다. 내가 말했듯이 나는 과거에이 방법을 사용 했으므로 어떤 문제도 발생하지 않았으므로 누군가가 올바른 방향으로 나를 가리킬 수 있기를 바랍니다. 포럼에서 비슷한 문제를 봤지만 제공되는 솔루션에 대해서는 어떤 행운이 없었습니다.모바일 장치가 미디어 스타일 시트를 감지하지 못합니다.

URL은 www.evolvecollaboration.com/test/index.html이고 아래 코드는 아래 코드입니다.

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

<link rel="stylesheet" href="_css/myer_reset.css"> 

<link rel="stylesheet" type="text/css" href="_css/structure.css" /> 

<link rel="stylesheet" type="text/css" media="only screen and (min-width:501px) and (max-width:800px)" href="_css/structure_tablet.css" /> 

<link rel="stylesheet" type="text/css" media="only screen and (min-width:50px) and (max-width:500px)" href="_css/structure_mobile.css" /> 
+0

시작 SO, user2824486한다. – Brian

답변

0

크기를 사용해보십시오. 미디어 쿼리에 사용합니다.

전화 : 만 화면 (최소 소자 폭 : 320 픽셀) 및 (MAX-소자 폭 : 480 픽셀)

태블릿 : 만 화면 (최소 소자 폭 : 768px) 및 (MAX-소자 폭 :가 1024px)

망막 : 만 화면 (-webkit 분 기기 화소 비율 : 1.5)

+0

제안 해 주셔서 감사합니다. 문제는 코드 자체가 아니고 서버가 도메인 마스킹을 해석하는 방법을 발견했습니다. – user2824486

관련 문제