ugrás a tartalomhoz

Tábla gép álló nézet letiltása

cszlak · 2014. Már. 11. (K), 08.41
Sziasztok

Olyan kérdésem lenne, hogyan lehet letiltani, hogy a weboldalt ne lehessen Táblagépen álló nézetbe nézni, vagyis ne forduljon el, hanem maradjon fekvő nézetbe!
 
1

Én nem szeretnék olyan

Nagy Gusztáv · 2014. Már. 11. (K), 09.20
Én nem szeretnék olyan weboldalt használni, amelyik eldönti helyettem, hogy hogy akarjam nézni az oldalt.
2

Miért

Poetro · 2014. Már. 11. (K), 09.24
Miért akarod a felhasználót korlátozni, hogyan használja a saját eszközét? Az asztali böngészőben is le akarod tiltani az ablak átméretezhetőségét?
3

Nem a miért kell hanem a megoldás.

cszlak · 2014. Már. 11. (K), 10.12
Nem a miért kell hanem a megoldás.

Reszponziv oldalt készítek és hallottam hogy lehet ilyet belerakni, hogy álló nézetre ne keljen külön átalakítanom.

És még egyszer:
Nem a miért kell hanem a megoldás.
4

Rendszerbeállítások

Hidvégi Gábor · 2014. Már. 11. (K), 10.16
Android menüben be lehet állítani, hogy ne forogjon. Esetleg kiforraszthatod a gyorsulásmérőt.
5

Megoldás

Poetro · 2014. Már. 11. (K), 10.27
A megoldás az, hogy el kell készíteni úgy, hogy álló helyzetben is jól nézzen ki. Pont attól reszponszív, hogy alkalmazkodik a felhasználó beállításaihoz. Ha neki olyan eszköze van, ami álló helyzetű, akkor azon is működjön.
11

Reszponziv

zzrek · 2014. Már. 11. (K), 12.42
Ahogy Poetro mondja, a "reszponzív" arra utal, hogy az oldal alkalmazkodik a körülményekhez.

Egy trükk az eszembe jutott: megnézed/detektálod javascripttel a képarányokat, és ha nem megfelelő, akkor css forgatással visszaforgatod a tartalmat (ebből a célból az egészet beteheted egy div-be)
12

div?

Endyl · 2014. Már. 11. (K), 13.26
(ebből a célból az egészet beteheted egy div-be)


Miért tegye (extra) divbe, amikor már az egész oldal benne van a html és body "dobozokban"?

Ha már ezt a nem túl szerencsés megoldást választaná.
13

egyszer már próbáltam

zzrek · 2014. Már. 11. (K), 13.53
Egyszer már próbáltam és extra div nélkül nekem nem ment. (a body taggal próbáltam egy tableten chrome-ban)
15

Én most gyorsan kipróbáltam

Endyl · 2014. Már. 11. (K), 14.06
Én most gyorsan kipróbáltam ff-ben, meg ránéztem can I use-ra, és nem láttam különösebb gondot. Persze ettől még lehetnek bugok, de célszerű előbb az egyszerűbb verzióval tesztelni :)
14

Egy div nem csinál nyarat.

Hidvégi Gábor · 2014. Már. 11. (K), 13.56
Egy div nem csinál nyarat.
6

a kérdés jogos

zzrek · 2014. Már. 11. (K), 10.35
A kérdés jogos, megoldást sajnos nem tudok, de jó lenne, ha lenne.
Sok androidos alkalmazás/játék van, amiben hiába forgatod, nem történik semmi, miért ne kérhetne ilyet egy webalkalmazás fejlesztő a böngészőtől? Ha úgy szeretné?
A másik, amitől kivagyok, az a böngésző hangja: miért kell felhasználói interakcióhoz kötni? Főleg, ha az elkészült weboldal egy webalkalmazás, fullscreen, és a felhasználó maga rakta ki az indítóikont az android képernyőre?

Azokat a "megjegyzéseket", "kérdéseket" sem tartom logikusnak, aki az mondja, hogy "nem szeretnék olyan weboldalt használni, amelyik eldönti helyettem, hogy hogy akarjam nézni az oldalt " meg hogy "Miért akarod a felhasználót korlátozni, hogyan használja a saját eszközét?"
Hiszen pont azzal, hogy kevesebb lehetőség van, korlátozzuk a felhasználót -- hiszen a fejlesztő korlátozásával pont a lehetőségeket szűkítjük.
Hogy miért csinálna ilyesmit a fejlesztő? Természetesen a felhasználói élmény növelése miatt! Miért akarják a fejlesztő helyett eldönteni a böngészőgyártók, hogy mi a jó a felhasználónak? Én ezt tartom értelmetlennek.

Nyilvánvalóan a táblagép elforgatásának érzékelése egy új feature, amit vagy kihasznál a fejlesztő, vagy nem. De ráerőszakolni: ez pont, hogy a lehetőségeket korlátozza, és bizonyos esetekben a felhasználói élmény ellen hat.
7

responsive

Poetro · 2014. Már. 11. (K), 10.39
De akkor ne mondja, hogy responsive oldal, és használjon fix szélessétet, és az orientáviónak megfelelően forgassa el a tartalmat.
10

igazad van

zzrek · 2014. Már. 11. (K), 12.36
Igazad van, de a topiknyitásban nem említette a "reszponzív" kifejezést, ezért én általánosságban értelmeztem.
8

Mi van akkor, ha valaki nem

Hidvégi Gábor · 2014. Már. 11. (K), 10.42
Mi van akkor, ha valaki nem táblagépen, hanem mobilon szeretné az oldalt megnézni, mert épp az van nála? Egyébként úgy is el lehet érni, hogy ne forgassa, hogy (hasraütésszerűen) 1024-es felbontás alatt fix méretet adsz az oldalnak, ami így a függőleges gépen ki fog lógni jobbra, azaz kénytelen lesz visszaállítani vízszintesbe, hogy mindent lásson.
9

Nagy

Poetro · 2014. Már. 11. (K), 11.35
Azért még ma is árulnak 800x480-as felbontású tabletet, aminél ugye már a középkategóriás telefonok is nagyobbat tudnak. És ugye vannak a tabletek, amik Full HD-sek, azoknak meg az 1024-es szélesség és magasság meg se kottyan.
16

ZZrek -kel egyet értek.

cszlak · 2014. Már. 13. (Cs), 08.51
Innen vettem én is az ötletett:
Sok androidos alkalmazás/játék van, amiben hiába forgatod, nem történik semmi,


A responzivitásról meg annyit, hogy ha már a designer tervezett egy szép fekvő oldalt , ami tetszett az ügyfélnek, akkor miért ne lehetne letiltani álló kinézetett.

Mobilra meg egy teljesen más kinézet, és mobil menüsor kerül.
De ha nem tudtok rá megoldást, akkor inkább ne kritizáljatok
(persze, hogy meg tudnám oldani álló tablet nézetre is az oldalt)
, én csak a megoldást keresem, ha már az ügyfél kérése ez!
17

Ha már van egy rezponziv

Blintux · 2014. Már. 13. (Cs), 09.24
Ha már van egy rezponziv design, akkor miért kell mobilra egy teljesen más kinézet?
Pont a rezpoonziv design két fő előnyét köpi szembe a megoldás: alkalmazkodás az egyes méretekhez és az egységes design minden méretben.

Az ügyfelet meg kellene győzni, hogy nem ez a helyes út, ezt nem így kell alkalmazni.
18

De ha nem tudtok rá

Poetro · 2014. Már. 13. (Cs), 09.27
De ha nem tudtok rá megoldást, akkor inkább ne kritizáljatok

Írtam megoldást.
19

megoldás????

cszlak · 2014. Már. 13. (Cs), 09.55
Megoldás?????

Mit én nem látom , írd meg mégy egyszer légyszi, hogyan kell táblagépen az álló nézetett letiltani, egy weboldalon!!!

Vagy erre gondolsz:

/* Portrait */
@media screen and (orientation:portrait) {
    /* Portrait styles */
}
/* Landscape */
@media screen and (orientation:landscape) {
    /* Landscape styles */
}
Hát ez kezdetnek nem rossz. (Csak ezzel még nem tiltja le.)
21

Letiltani nem lehet az álló

bamegakapa · 2014. Már. 13. (Cs), 11.12
Letiltani nem lehet az álló nézetet egy weboldalon (teljesen más eset, mint egy natív app). Van tervben egy Screen Orientation API nevű dolog, ami ezt lehetővé tenné, de még nincs implementálva úgy látom, és amúgy is kísérleti fázisban van.

Én a következő utakat látom:

- Megcsinálod reszponzívra az oldalad (gondolom sok meló lenne, főleg, hogy meg is kéne tanulnod, hogy kell).

- Csinálsz álló tablet nézetet. Valószínűleg ezzel éred el a legjobb eredményt a legkevesebb befektetéssel.

- Hekkelgetsz, mondjuk ezzel a forgatásos módszerrel, vagy valami mással. Hosszú távon valószínűleg ilyesmivel többet fogsz szívni, mint a másik kettővel, tapasztalataim szerint :).
22

Ilyesmi

Poetro · 2014. Már. 13. (Cs), 12.02
Nem tökéletes, de valami ilyesmi. És nem, nem lehet letiltani az orientáció váltást a böngészőben, csak natív alkalmazásban. Lehet érdemesebb lenne natív alkalmazást fejlesztened.
23

Igen ez lesz a megoldása a dolognak

cszlak · 2014. Már. 15. (Szo), 18.27
Igen ez lesz a megoldása a dolognak + amit korábban írtam.

Köszönöm a segítséget.
20

Miért ne kritizálhatnának? Mi

bamegakapa · 2014. Már. 13. (Cs), 10.57
Miért ne kritizálhatnának? Mi van, ha igazuk van, és tényleg butaságot csinálsz?

Biztos, hogy amiről te beszélsz, az reszponzív dizájn? Egyre inkább úgy hangzik, hogy nem. Ha fix szélességű az oldalad, akkor a viewport-tal is játszhatsz. Látatlanban nehéz mást mondani, Poetro megoldása működhet.

Az ügyfél kérése meg nem mérvadó, mert nem ért hozzá :). Rá kell beszélni arra, aminek van is értelme.
24

Erre már nem reagálnák!

cszlak · 2014. Már. 15. (Szo), 18.27
Erre már nem reagálnák!
25

Nem is várhatom el.

bamegakapa · 2014. Már. 15. (Szo), 19.26
Nem is várhatom el.