Utwórz stronę wzorcową pasującą do dowolnej rozdzielczości ekranu.

Question

Utworzono stronę wzorcową i chcę, aby strony ASP.NET były do ​​niej podłączone w celu dopasowania do dowolnej rozdzielczości ekranu. Jest to projekt oparty na tabelach html.

Przeczytałem, że jeśli zachowasz szerokość i wysokość tabel do 100%, to powinno pasować do dowolnej rozdzielczości. Zrobiłem to samo, dostosowałem jego szerokość do dowolnej rozdzielczości ekranu, ale nie do wysokości. Na dole widzimy pustą przestrzeń dla wyższych rozdzielczości ekranu i tworzy pasek przewijania dla niższych rozdzielczości ekranu.

Ktoś ma pojęcie, jak rozwiązać ten problem?

Answer 1

Co większość programistów chce naprawić to szerokość. The wysokość nie jest problemem. Nigdy nie dowiesz się, jakich rozwiązań używają ludzie. Zaufaj mi, to jest BIG ISSUE samo w sobie.

Więc polecam Ci ustalić szerokość i usiąść: D

Answer 2

Intstead tabeli oparte stronę należy udać się do stron opartych DIV .. Jego generalnie łatwo tworzyć i obsługiwać. Jeśli chodzi o wysokość, nie powinieneś się tym przejmować, ponieważ wzrost może wzrosnąć wraz z zawartością. Osobiście, gdy chcę iść z pełną szerokością, łamam mój HTML na trzy części.

1. nagłówek
2. Main Content
3. stopka

trzymam eader i stopki dIV do pełnej szerokości ciała podczas Main Content jest zwykle 900px szerokości .. i daje piękny efekt czystej stronie pełnej szerokości :)

mam nadzieję, że to pomaga :)

Answer 3

Myślę, że jeśli chcesz wysokości, musisz użyć javascript.

var myHeight = 460; 
if (document.body && document.body.offsetWidth) { 
myHeight = document.body.offsetHeight; 
} 
if (document.compatMode=='CSS1Compat' && 
    document.documentElement && 
    document.documentElement.offsetWidth) { 
myHeight = document.documentElement.offsetHeight; 
} 
if (window.innerWidth && window.innerHeight) { 
myHeight = window.innerHeight; 
} 

Po tym, można projektować wysokość Twojego Outer div

var myDiv = document.getElementById('myDiv'); 
myDiv.style.height = myHeight + 'px'; 

Answer 4

Może warto dodać w celu ułatwienia zrozumienia, że ​​w tym przykładzie opisałeś 100% własność wysokość będzie w stosunku do treść, w tym, wysokość elementu będzie się rozszerzać i skracać, dopasowując to, co wybierzesz do wstawienia, jak powiedział UGS.

Możesz, jeśli chcesz zminimalizować ilość przypadków, w których wysokość jest zbyt mała, użyj właściwości 'min-height' i zdefiniuj ją w pikselach. Jeśli na przykład wiedziałeś, że minimalna wymagana wysokość docelowych urządzeń docelowych wynosi 320 pikseli, możesz ustawić "minimalną wysokość: 320 pikseli", aby mieć pewność, że na najmniejszych urządzeniach nie zobaczysz żadnego miejsca poniżej.