스케일링 웹 프론트 엔드

Question

원래 웹에 사용하기 위해 설계된 웹 레이아웃 (예 : 브라우저가 어두운 장치에서 실행)이 있습니다. 우리는 tv가 해당 CSS 파일과 이미지를 제공하는 해상도를 감지합니다. 이 CSS 시트 및 이미지는 576, 720 및 1080의 3 가지 해상도를 위해 특별히 조정되었습니다.

이제 표준 브라우저 (IE, FF, Chrome)에서 작동하도록 노력하고 있습니다. 이 브라우저에서 작동하려면 PC 해상도 (1024x768)로 조정하는 방법에 대해 궁금합니다. 별도의 CSS 시트와이 작업을위한 이미지가 없으므로 일부 자바 스크립트로 기본 CSS 시트를 확장하거나 브라우저의 확대/축소 (ctrl +/ctrl-)를 활용해야한다고 생각합니다. 후자의 제안은 어깨를 움츠 렸으므로 나는 이렇게 다른 방식으로해야한다고 생각합니다.

문제는, 이미지가 스프라이트이며 모든 배경 이미지이므로 문제가된다는 것입니다. 그래서 스케일링이 작동하는지 모르겠습니다.

누구에게 의견이 있습니까?

Answer 1

자바 스크립트로 페이지 크기를 조정하는 것이 새로운 CSS를 작성하는 것보다 (아마) 오래 걸릴 것입니다. "PC 해상도"는 단순히 1024x768이 아니라 유동적이라고 가정해야합니다.

내 제안. 기존 스타일 시트 중 하나를 포함시킨 다음 필요한 부분을 덮어 쓰고 새로운 스타일 시트를 작성하십시오. 파이어 폭스 + 파이어 버그 (Firebug)가 웹 인스펙터를 사용하여 여기 또는 크롬/사파리에서 도움이 될 수 있습니다.

원래의 질문을 뛰어 넘지 만 TV 기반 메뉴 (원격 제어로 작동한다고 가정)를 맹목적으로 웹에 포팅하려고하면 나쁜 생각 일 수 있으며 시간이 더 많이 소요될 수 있습니다. 단순히 웹에 적합하게하려고하는 것이 아니라 웹용입니다.

Answer 2

전체 화면을 채워야합니까? 많은 사람들이 브라우저 창을 최대 크기보다 작게 유지합니다.