Article View: pl.comp.lang.php
Article #231536Re: programowanie dla telefonów
From: Lemat
Date: Fri, 27 Jan 2017 19:11
Date: Fri, 27 Jan 2017 19:11
44 lines
2542 bytes
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-mailReferences:
<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