변경 사항은 태블릿 장치에만 반영되어야합니다.

Question

본문 배경색 (예 : 파란색)을 내 페이지에 적용했습니다. 그러나이 페이지를 태블릿에서 열면 휴대 기기의 색상이 주황색으로 바뀝니다. 내 PC 브라우저 창 크기를 변경하면 색상이 변경되지 않습니다. 가능한가?

Answer 1

CSS3 Media Query를 시도한 적이 있습니까? 아래에 게시 된대로?

/*Common Tablet Width*/ 
@media only screen and (max-device-width: 1024px) { 
    body{ 
     background-color:blue; 
    } 
} 

Answer 2

CSS 태그를 변경하여 너비를 변경할 수 있습니다. 그러나 모든 장치에서 변경됩니다.

@media only screen and (max-device-width: 1440px) { 

태블릿이나 사용자가 어떤 장치를 사용하고 있는지 확인하려면 Javascript를 사용하여 장치를 확인할 수 있습니다. CSS를 적절하게로드하십시오.

여기에서 코드를 볼 수 있습니다. [link] http://davidwalsh.name/detect-ipad [/ link]

거기에는 수천 개의 장치가 있습니다. 따라서 각 장치를 확인해야합니다.

// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null; 

// For use within iPad developer UIWebView 
// Thanks to Andrew Hedges! 
var ua = navigator.userAgent; 
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);