asp.net에서 오는 화면 크기 문제가 발생했습니다.

Question

내 개발 컴퓨터가 상당히 큰 화면 (19 인치)을 가지고 있습니다. 내 고객 중 일부는 화면 크기가 작아서 (또는 웹 페이지를 최대화하지 않기로 선택했을 수 있습니다) 페이지의 컨트롤이 모든 곳에서 서로 겹치기 때문에 선택할 수 있습니다. 어떻게하면이 문제를 해결할 수 있을까요?

Answer 1

웹 개발자 도구 모음을 설치하고 다른 화면 크기를 테스트하십시오.

css floats을 조사하여 레이아웃을보다 동적으로 만듭니다. 또는 너비를 조정하여 크기를 조정할 수 없습니다.

레이아웃/css 문제가 많고 .net/C# 문제와 유사합니다.

Answer 2

신체에 고정 폭을 사용하십시오. 귀하의 CSS에서 다음과 같이하십시오 :

body { width: 800px; margin: 0 auto; } 

이렇게하면 본문이 800px 너비로 고정되고 페이지의 중앙에 위치해야합니다. 고객이 사용하는 최저 해상도가 무엇인지 알아보고 스크롤 막대 및 여백에 대해 50 픽셀 정도면 면도하고 너비에 맞게 사용하십시오.

저는 많은 부동산에 남겨 두지 않기 때문에 개인적으로는이 부분에 최대화되지 않은 시나리오를 수용하려고하지 않습니다.

Answer 3

내 의견은 일 것입니다. 다른 해상도로 페이지를 사용해보십시오. 개발 프로세스의 일부 여야합니다. 사용자가을 사용하는 경우 사용자가 자신보다 작은 브라우저 창을 가질 것이라는 것을 알고 있다면 신발을 신고 작은 창으로 많은 테스트를 해보십시오. 다른 브라우저에서 테스트하는 것과 같습니다. IE6에서 모든 것이 잘 보이고 작동한다고 가정하지 마십시오.

이 문제는 ASP.NET에만 해당되지 않습니다. 컨트롤은 마크 업 및 스타일링에 불과하므로 하루가 끝날 때 페이지가 축소 될 때 페이지가 분명히 "깨지지"않도록 함께 작업해야합니다.

지원할 최소 화면 해상도를 선택하고 사물이 사용 가능한 공간에 맞게 표시되는 스케치를 만드십시오. 고정 너비는 CSS에 익숙하지 않은 사용자도 크게 단순화합니다.

Answer 4

Google에서 이전에 유용했던 browser size tool을 발견했습니다. 페이지 본문을 사용자 기반의 가장 일반적인 고정 너비라고 생각되는 것으로 설정하고 싶을 수 있습니다. 브라우저 크기 도구를 사용하면 공간을 최대한 활용할 수 있습니다.

Answer 5

다른 답변에 설명 된 모든 기술을 사용했습니다 : 사용자의 브라우저 크기에 맞도록하는 완전히 유동적 인 폭과 관계없이 동일하게 고정 된 고정 너비.

내가 최근에 성공적으로 사용한 한 가지 해결책은 두 가지를 결합하는 것이 었습니다. CSS와 자바 스크립트를 사용하여 페이지의 최대 너비와 최소 너비를 지정했습니다. 이로 인해 고해상도를 실행하는 사람들은 페이지를 어느 정도 확장 할 수 있었고 일을 너무 복잡하게하지 않으면 서 더 낮은 해상도를 유지할 수있었습니다.

핵심은 일반적인 잠재 고객을 아는 것입니다. 분석을 통해 사용자 중 50 % 이상이 800x600에서 1024x768 사이의 해상도를 사용하므로이 해상도를 목표로합니다. 하이브리드 유체 레이아웃은 우리가 더 큰 화면 (더 높은 해상도)에서 빈 공간을 줄이기 위해 다소 확장되면서 그 해상도에 맞는 페이지를 생성 할 수있게 해줍니다.