🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Article View: pl.comp.lang.php
Article #231536

Re: programowanie dla telefonów

#231536
From: Lemat
Date: Fri, 27 Jan 2017 19:11
44 lines
2542 bytes
W dniu 20.01.2017 o 20:54, niepełnosprawny intelektualnie 'POPIS/EU pisze:
> czy Ktoś może mi opowiedzieć na czym polega pisanie stron www dla
> telefonów/smartfonów?

słowo do poduszki: Responsive Web Design

> jak wykrywać czy na stronę włazi pc czy smartfon?

nie wykrywać

> jak odczytać
> rozdzielczość ekranu?

nie wykrywać rozdzielczości ekranu tylko CSSami ustawiać elementy tak, 
aby ładnie się układały. Dla przykładu:

<div style="float:left:width:300px;height:200px;background:#ff0000">x</div>
<div style="float:left:width:300px;height:200px;background:#00ff00">y</div>
<div style="float:left:width:300px;height:200px;background:#0000ff">z</div>

inaczej się zachowa jak okno przeglądarki będzie miało szerokość 1024px 
a jak 320px;

należy używać wielkości elementów w procentach zamiast sztywnych

niektóre elementy należy wręcz ukrywać, czyniąc stronę prostszą, przykład:

@media only screen and (max-width: 730px) {
	div.googlead {
	display:none;
	}
}

elementy klikalne muszą być odpowiednio duże aby trafić w nie paluchem i 
odpowiednio oddalone od innych elementów klikalnych - CSS margin, padding.

> ogólnie nic nie wiem, więc za wszelkie informacje - dzięki

Ale wiesz, że to jest temat na 5 książek? I że tutaj 5 książek się nie 
zmieści, nawet jakby ktoś je chciał ci tutaj je napisać?

-- 
Pozdrawiam
Lemat
Technical Details
Message-ID: <588b9aa1$0$654$65785112@news.neostrada.pl>
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed.pionier.net.pl!feeder.erje.net!1.eu.feeder.erje.net!news.unit0.net!peer03.am4!peer.am4.highwinds-media.com!peer02.fr7!futter-mich.highwinds-media.com!news.highwinds-media.com!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-b-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail
References: <o5tpug$d2u$1@node1.news.atman.pl>

Show Full Headers
Complete Article Headers
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed.pionier.net.pl!feeder.erje.net!1.eu.feeder.erje.net!news.unit0.net!peer03.am4!peer.am4.highwinds-media.com!peer02.fr7!futter-mich.highwinds-media.com!news.highwinds-media.com!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-b-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail
Subject: Re: programowanie dla telefonów
Newsgroups: pl.comp.lang.php
References: <o5tpug$d2u$1@node1.news.atman.pl>
From: Lemat <#@lemat.priv.pl>
Date: Fri, 27 Jan 2017 20:11:11 +0100
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:45.0) Gecko/20100101 Thunderbird/45.5.1
MIME-Version: 1.0
In-Reply-To: <o5tpug$d2u$1@node1.news.atman.pl>
Lines: 44
Message-ID: <588b9aa1$0$654$65785112@news.neostrada.pl>
Organization: Telekomunikacja Polska
NNTP-Posting-Host: 79.189.200.118
X-Trace: 1485544097 unt-rea-b-01.news.neostrada.pl 654 79.189.200.118:43613
X-Complaints-To: abuse@news.neostrada.pl
X-Received-Bytes: 2282
X-Received-Body-CRC: 625197148
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit