특정 CSS로 HTML 파일로드

Question

반응 형 사이트 코딩 Wikipedia 사이트처럼 모바일 버전과 표준 데스크톱 버전간에 전환을 구현하고 싶습니다.

이 경우 iPhone과 같은 모바일 화면에 있지만 현재 HTML 파일을 다시로드해야하지만 데스크톱 용 CSS 파일을 사용해야합니다.

그렇게 할 가능성이 있습니까? 필자는 Wikipedia가 PHP를 사용한다고 생각한다. 그러나 아마 JS와 함께하는 방법도있을 것입니다.

도움을 주셔서 감사합니다. 미리 감사드립니다.

Answer 1

@media handheld { 
    #foo { position: static; } 
} 

http://www.w3schools.com/css/css_mediatypes.asp

Answer 2

나는 사용자가 웹 또는 모바일을 사용하여 사이트를 사용하는 경우, 당신은 찾을 수 USER_AGENT으로 생각합니다. 사용자 에이전트가 일부 특정 정보 및

$_SERVER['HTTP_USER_AGENT']; 

Answer 3

당신은 또한 심지어 완전히 해당 CSS 파일을로드하거나, 최종 장치를 확인하는 PHP 스크립트를 사용할 수있는 부하 다른 CSS를 기준으로 보면 감지 다른 html 문서입니다. 나는이 대본에서 일했다.

Answer 4

<style> 
@media screen 
{ 
    p {font-family:verdana} //an example with a paragraph 
} 
@media handeld 
{ 
    p {font-family:arial} //an example with a paragraph 
} 
</style> 

두 가지 모두에 사용할 수 있습니다! 위로 읽음 http://www.w3schools.com/css/css_mediatypes.asp