2012-04-09 2 views
0

사이트를 만들었지 만 화면 해상도가 다른 두 개의 하위 사이트를 만들었습니다. 예 : index.htm (1080p 해상도 용) 및 index1.htm (720p 해상도 용).사이트 (파일)는 변경하지만 링크는 변경하지 않습니다.

그렇게

index.htm으로이 열려있을 때 누군가 유형 www.mysite.com 누군가 유형은 www.mysite.com/index1.htm 또는 자신의 화면 해상도는 720p의

index1.htm가 열려

그러나 나는 (내가 알고) 방문자 해상도 화면 감지하고 자동으로 열리도록 내가 원하는이

모두처럼되고 싶지 않아 하나 (예 : index1.htm하지만 링크가 변경 WWW를 유지하지 .mysite.com [not www.mysite.com/index1.htm])

+3

'미디어 쿼리'로 검색해보세요. – j08691

답변

0

미디어 쿼리로 시도 할 수 있습니다. 단 하나의 index.html과 하나의 스타일 시트 만 있으면됩니다. 자세한 정보는이 기사를 읽으십시오! Media queries tutorial

1

모든 해상도에서 사이트가 잘 보이게하려면 media-queries을 사용해야합니다. 일부 자습서 :


: A crash course in CSS media-queries

  • CSS 트릭 : CSS media-queriesScreencast about responsive web design
  • 몇 가지 좋은 예 searchi 동안이 주제 Google에서이 문제에 대해. 이 일을하려면 AJAX와 같은 것이 필요합니다.
    스타일 시트를 다른 해상도로만 변경하는 경우 스타일 시트 전환기를 사용할 수 있습니다.

    유용성에 좋지 않은 총 HTML을 변경하면 body에있는 모든 것을 특수 파일에 넣고 AJAX로 본문에로드해야합니다.

  • 관련 문제