CSS가 적응 사이트 용으로 종종 깨졌습니다.

저는 적응 웹 사이트를 만들고 있으며, 화면의 해상도에 따라 CSS 파일을 시간에 따라로드합니다.CSS가 적응 사이트 용으로 종종 깨졌습니다.

하지만 모든 플랫폼에서 제대로 실행되도록 고심하고 있습니다. 난 안 단서가 어디 잘못

, 내가 index.html 파일 속으로 몇 가지 예를

을 주시기 바랍니다, 내가 그쪽으로 다른 것들 중이 셀렉터 넣어 :

이

<link type="text/css" media="screen and (min-width: 2001px) and (max-width: 2499px)" href="css/2048-1536.css" rel="stylesheet">

그때에로드를 해상도가있는 Tablet 2048x1536 그리고 관련 CSS 파일을로드해야합니다.

대신 사이트가 깨졌습니다. 모든 오브젝트가 잘못 배치되고 오브젝트가 순서대로 정렬되지 않습니다. 그런 다음 Google 크롬 F12> 에뮬레이션> 기기으로 테스트 한 결과 해상도가 올라갔습니다. 그리고 그것은 잘 작동합니다.

또한 단지, 따라서 나는 그것이 작동하도록하기 위해 할 수있는 어떤 단서를하지 않은 ... 작동 브라우저를 축소

...

사용이 :

<link type="text/css" media="only screen and (min-width: 2001px) and (max-width: 2499px)" href="css/2048-1536.css" rel="stylesheet">

2014-09-10 10:40:16

안녕 tehnuty.I 시도하지만, 결과없이. Sony와 IcoTab Quadcore를 확인했습니다. 소니는 2048 x 1536이고 IcoTab은 1280 x 800입니다. CSS를로드하지 않는 것처럼 사이트가 손상되었습니다. –

작동해야합니다. 그것은 나를 위해 않습니다. 미디어 속성 확인에 대한 자세한 내용은 http://www.w3schools.com/tags/att_link_media.asp –

답변