WWW-sivujen näkyminen kännykässä

Foorumit 2. Muut aiheet 2.1 WordPress & bbPress WWW-sivujen näkyminen kännykässä

Tyyppi: Ratkaistu

Tämä aihe sisältää 1 vastaus, 1 kirjoittaja, ja siihen kirjoitti viimeksi Tapio_Huuhaa 28.4.2019 22:50.

Esillä 2 viestiä, 1 - 2 (kaikkiaan 2)
  • Julkaisija
    Viestit
  • #665 Uusi viesti
    Avatar
    Tapio_Huuhaa
    Ylläpitäjä

    Laitoin tästä säikeen myös TechBBS-foorumiin.

    Laitan asian esille myös tässä foorumissa.

    Tee www-sivuja ja pyrin huomioimaan tavallisen älykännykän. Siihen liittyy yksi erittäin outo piirre.

    Testikännykälleni Samsung Galaxy J5 ilmoitetaan näytön resoluutioksi 720x1280px. Olen testannut siinä Google Chromella.

    Mutta pystysuunnassa se lukee CSS:n, joka on tarkoitettu alle 481px näytön leveydelle, vaikka laitteen pikselimäärä tässä suunnassa on 720px.

    Vaakasuunnassa se lukee CSS:n, joka on tarkoitettu alle 783px näytön leveydelle, vaikka laitteen todellinen pikselimäärä tässä suunnassa on 1280px.

    Kun katsoin 320x480px kännykällä sivuja, selain käytti juuri tuolle näytön leveydelle tarkoitettua CSS:ää.

    Vertailun vuoksi minä katson sivut myös 800x1280px tablet-laitteella ja selain lukee juuri noille näytönleveyksille tarkoitetun CSS:n. Siinä olen testannut sekä Chromella että Firefoxilla.

    Poikani osti uuden Huawein (1920 × 1080px HD näyttö). Sain käsityksen, että siinäkin sivut näkyvät samaan tapaan kuin Galaxyssä. Jos näin on, ero siihen, mitä CSS:ää selain lukee ja mikä on näytön resoluutio, on vielä isompi kuin Galaxyssä.

    Voisiko joku selittää, millä perusteella Samsung Galaxy J 5 puhelin ilmoittaa selaimelle, että se haluaa näyttää nettisivut ikään kuin pienempiresoluutioisena laitteena.

    Onko tämä yleinen käytös myös muilla selaimilla ja muissa puhelimissa?

    Kerran näin kalliin Huawein – se näytti sivut kuin tietokone – ongelmana tällöin tietenkin älyttömän pieni fontti suhteessa näytön kokoon.

    Käyttäjälle on erittäin suuri etu, jos selain näyttää sivut ikään kuin pieniresoluutioiselle näytölle, koska luettavuus on tällöin kunnossa.

    Mutta millä kaikilla kännyköillä tällainen ”virtuaalinen ruutukoko” on käytössä?

    Mistä lähtien kännykkäselaimet näyttävät www-sivut sillä resoluutiolla, joka on laitteen todellinen resoluutio?

    Olisi kiva tietää, millä laitteilla sivusto näkyy suurin piirtein tämän näköisenä:

    #669 Uusi viesti
    Avatar
    Tapio_Huuhaa
    Ylläpitäjä

    Sain tietää, että laitteen todellisen resoluution ja CSS:n ilmoittamalle resoluutioille on laskentakaavat. Hyvin usein näytön fyysinen pikselimäärä jaetaan kahtia, jolloin saadaan laitteen lukema CSS.

    Oletettavasti suurin osa kännyköistä toimii niin, että ne lukevat alle 500px:n media-säännöt. Jos ne eivät näin tee, sivujen teksti on liian pientä ja selaaja joutuu koko ajan zoomaamaan tekstiä.

    Kävin paikallisessa Gigantissa ja testasin siellä sivujani. iPad Pro näytti sivuni samantapaisesti kuin oma 800x1280px tablet-laitteeni. Safari näytti sivut ihan ok.

    Testasin Samsungin HD-kännykkää. Muuten aika lailla kuin Samsung Galaxy J5, mutta pystysuunnassa jäi sivun lopun ja sivupalkin väliin enemmän tilaa.

    Olettavasti HD-tabletit ja ns. 2K-laitteet esim. Huawei MediaPad M5 viewport-arvona käytetään 800x1280px suuruusluokkaa olevia arvoja eli todennäköisesti nekin näyttävät sivuni samaan tapaan kuin oma tablet-laitteeni.

    Piti vielä selvittää iPad 9,7 -tason näytön omaavien laitteiden skaalaussuhteet. (esim. Samsung Galaxy Tab 3 ). Näiden laitteiden mittasuhteet näet poikkeavat merkittävästi edellä luettemistani laitteista.

    Sain toisaalla ehdotuksen katsoa  Popular screen resolutions: designing websites for all » Media Genesis.

    Siinä mm. kerrotaan iPadien viewport-arvot. Mutta ei esim. Samsung Galaxy Tab 3:n arvoa. Vaikka fyysinen resoluutio on sama kuin iPad 9,7:ssa, viewport-arvo saattaa olla eri.

    Taulukko antoi kuitenkin Nexus 9:n viewport-arvot, jotka ovat samat kuin iPad 9,7:lle joten todennäköisesti kaikki saman resoluution Android-laitteet toimivat samaan tapaan.

    Noilla tiedoilla kyllä tietokoneen kanssa suunnitellessa pärjää.

Esillä 2 viestiä, 1 - 2 (kaikkiaan 2)
Vastaa aiheeseen: WWW-sivujen näkyminen kännykässä

Voit käyttää muotoilussa BBCode-merkintöjä.
Et voi käyttää muotoilussa edistyneempiä (advanced) BBCode-merkintöjä. Tallennettaessa ne poistetaan.

Tietosi:




Foorumit 2. Muut aiheet 2.1 WordPress & bbPress WWW-sivujen näkyminen kännykässä