Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    info su larghezza sito ipad

    Ciao a tutti.
    Spero di riuscire a farvi capire il mio problema:
    sto cercando di capire come viene interpretato un sito su ipad. Io da quello che ho capito la risoluzione dei siti su ipad è di 1024px ma dopo varie prove ho notato che i siti vengono visualizzati bene fino alla risoluzione di 980px.
    Vi posto il codice di una pagina di test:
    Con dimensione di .box di 980px tutto funziona bene, se la imposto a 990px l'elemento che viene allineato a dx viene leggermente tagliato. Qualcuno mi sa dire il perché???

    Grazie
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, img, small, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    	background: transparent;
    	border: 0;
    	font-size: 100%;
    	margin: 0;
    	outline: 0;
    	padding: 0;
    	vertical-align: baseline;
    }
    .header {
    	background: #1F1F1F center 0;
    	height: 94px;
    	left: 0;
    	position: fixed;
    	right: 0;
    	top: 0;
    	z-index: 1;
    }
    .box {
    	margin: auto;
    	position: relative;
    	width: 980px;
    	z-index: 0;
    	background-color:#096;
    	height: 80px;
    }
    ul li {
    	float:left;
    	color: #FFF;
    	width: 200px;
    	background-color: #999;
    	margin: 10px;
    }
    .right {
    	position:absolute;
    	top: 0px;
    	right: 0px;
    	width: 80px;
    	height: 80px;
    	margin-right: 10px;
    	background-color:#993333;
    }
    </style>
    </head>
    
    <body style="background-color:#993333">
    <div class="header">
      <div class="box">
        <ul>[*]Menu1[*]Menu2[*]Menu3[*]Menu4[/list]
        <div class="right">altro</div>
      </div>
    </div>
    </body>
    </html>

  2. #2
    Con il mio ipad il tuo codice è ok
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    federico,
    ricorda di usare sempre il tag [CODE][/CODE] per postare codice, grazie

  4. #4
    Originariamente inviato da ricman
    Con il mio ipad il tuo codice è ok
    Ciao ricman,
    forse non mi sono spiegato bene. variando la larghezza di .box (per esempio passando da 980px a 990px o di +) la pagina non viene visualizzata tutta su ipad. Per vederla tutta devo scorrere la pagina in orizzontale. a te non risulta questa cosa?
    posto l'immagine con con le 2 schermate come le vedo io. come si può vedere sulla destra manca un pezzettino di pagina (10px)
    ciao
    Immagini allegate Immagini allegate

  5. #5
    Utente di HTML.it L'avatar di sgogghy
    Registrato dal
    Sep 2010
    Messaggi
    237
    Io per desktop e tablet uso sempre una larghezza complessiva di 990px.
    Così li ho sempre visti identici su tutti e due i dispositivi e sui tablet o anche lo spazio a destra per scorrere la pagina con il dito.

  6. #6
    grazie per le risposte. anch'io per i siti che progetto di solito non vado oltre i 980px di larghezza;
    la mia domanda però è diversa: io vorrei sapere il perché su ipad a una certa larghezza i siti si vedono in un certo modo (quello che ho descritto sopra ben visibile nel'immagine).
    inoltre ho notato un'altra cosa: se compare lo scrollbar (perché c'è del contenuto che lo richiede), allora la pagina viene visualizzata correttamente.

    grazie
    fede

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.