Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] dopasowanie strony do ekranu
KeramxD
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 8.09.2013

Ostrzeżenie: (0%)
-----

Witam, stworzyłem ułatwienie które mam zamiar używać na ios w przeglądarce. Obraz jest bardzo duży a chciałbym aby sie dopasowywal.

<html>
<table border="0" cellspacing="0" cellpadding="0">
<td>
<a href="http://grzegorz-zurek.asuscomm.com:8081/downloadmaster/index.asp"><img src="http://i.imgur.com/h8ZWGNh.jpg" alt="" /></a>
</td>
<td>
<a href="http://grzegorz-zurek.asuscomm.com"><img src="http://i.imgur.com/eb1eMU0.jpg" alt="" /></a>
</td>
</tr>
</table>
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
tomi1985
post
Post #2





Grupa: Zarejestrowani
Postów: 192
Pomógł: 12
Dołączył: 23.09.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

ponieważ kolego masz tam 2 duże obrazki które trzeba skompresować do rozmiaru przegladarki...

Najprostrzym rozwiązaniem "według mnie" będzie pobranie rozdzielczości ekranu za pomocą js, następnie od wartości szerokości odjąć Twój margines pomiędzy obrazkami, po czym podzielić tą wartość na pół i masz tu szerokość obrazka.

To wklej w nagłówku lub w pliku css
[HTML] pobierz, plaintext 
  1. <style>
  2. body {
  3. 	margin:0;
  4. 	padding:0;
  5.         text-align:center;
  6. }
  7. </style>
[HTML] pobierz, plaintext


a to na samym dole stronki i dodaj id obrazków które chcesz przeskalować
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. var szer = screen.width/2;
  3. var wys	= window.innerHeight - 5;
  4.  
  5. document.getElementById("one").width 	= szer;
  6. document.getElementById("one").height 	= wys;
  7.  
  8. document.getElementById("two").width 	= szer;
  9. document.getElementById("two").height 	= wys;
  10. </script>
[HTML] pobierz, plaintext


Ten post edytował tomi1985 29.08.2014, 19:58:56
Go to the top of the page
+Quote Post

Posty w temacie
- KeramxD   [html] dopasowanie strony do ekranu   29.08.2014, 16:42:03
- - tomi1985   [HTML] pobierz, plaintext <table style="wi...   29.08.2014, 17:50:07
- - KeramxD   Nie działa. Adres strony: router.zurek.co   29.08.2014, 18:54:04
- - tomi1985   ponieważ kolego masz tam 2 duże obrazki które trze...   29.08.2014, 19:49:48
- - trueblue   [HTML] pobierz, plaintext img{ max-width:100%; hei...   29.08.2014, 19:51:59
- - KeramxD   Nie rozumiem. Mógłbyś mi to wkleić do tego kodu co...   29.08.2014, 20:00:50
- - tomi1985   [HTML] pobierz, plaintext max--width:100%[HTML] po...   29.08.2014, 20:04:06
- - KeramxD   Dobra, ale zobacz co się teraz stało. Obrazki scho...   29.08.2014, 20:08:10
- - KeramxD   Dobra, ale zobacz co się teraz stało. Obrazki scho...   29.08.2014, 20:08:15
- - tomi1985   nie możliwe kolego ponieważ skopiowałem całą Twoją...   29.08.2014, 20:11:13
- - KeramxD   Działa, wielkie dzięki. Trochę rozciąga, ale to ju...   29.08.2014, 20:15:20
- - tomi1985   zawsze mozna jakies proporcje ustawić jak chcesz ...   29.08.2014, 20:16:47
- - KeramxD   Ale telefon trochę świruje:   29.08.2014, 20:19:20
- - tomi1985   Podmień [HTML] pobierz, plaintext var szer = scre...   29.08.2014, 20:30:39
- - KeramxD   Na telefonie to samo, natomiast na komputerze zmie...   29.08.2014, 20:40:48
- - tomi1985   hmmm dziwne ponieważ na ipadzie jest już idealnie....   29.08.2014, 20:45:37
- - KeramxD   U mnie na na iPadzie też idealnie. Śmiga, więlkie...   29.08.2014, 20:48:50
- - tomi1985   musiałbyś to podzielić przez 3 to raz a dwa to do...   29.08.2014, 20:50:58
- - trueblue   Cytat(tomi1985 @ 29.08.2014, 21:04:06...   29.08.2014, 21:12:18
- - tomi1985   łał ... literówka.... to sobie sprawdź czy to co ...   29.08.2014, 21:20:40
- - trueblue   A ty sprawdzałeś? http://jsfiddle.net/0551jhfo/   29.08.2014, 21:25:44
- - tomi1985   a gdzie caly skrypt + mój js ? a pozniej porównaj...   29.08.2014, 21:27:18
- - trueblue   Nie bardzo rozumiem, po co JS? Nie widzisz stylów ...   29.08.2014, 21:28:24
- - tomi1985   http://jsfiddle.net/0551jhfo/1/ vs http://jsfiddle...   29.08.2014, 21:29:38
- - trueblue   http://jsfiddle.net/br2rf3ds/   30.08.2014, 09:39:13
- - tomi1985   i gdzie są te obrazki ? bo coś ich tam nie widać   30.08.2014, 09:42:27
- - trueblue   Ściągnij i odpal lokalnie. Jeśli nie chcesz, to: h...   30.08.2014, 09:50:03
- - tomi1985   pionjowy scroll jest... choc i tak jestem pod wraz...   30.08.2014, 09:56:07
- - trueblue   Pionowy scroll jest tu akurat zjawiskiem naturalny...   30.08.2014, 15:44:04

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.12.2025 - 13:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn