Adattamento automatico del sito allo schermo di visualizzazione

chiaragasparini ha scritto il 27.02.2013 ore 09:48

Buongiorno. Dopo aver ricevuto diverse richieste a riguardo vi ho preparato un piccolo tutorial che vi spiega come procedere per impostare il sito con Web designer 8 MX alle dimensioni dello schermo. pensato naturalmente per Smartphone e Tabletts.

Ciao

Noviewport.pdf

Commenti

Vecchio utente ha scritto il 27.02.2013 ore 18:39

Questa non la sapevo
Grazie per l'informazione molto interessante
By Giovanni

robifix ha scritto il 19.04.2013 ore 18:11

Ho provato selezionando una foto che vorrei utilizzare come sfondo, ha una larghezza di 2000px e quando provo ad abbassare la risoluzione del mio monitor portandolo a 1280 x 768 devo comunque scorrere a destra e asinistra. Forse sbaglio io qualcosa.

eternauta ha scritto il 13.07.2013 ore 08:03

grazie ora vedo benissimo il mio sitoweb sullo smartphone

spidi2002 ha scritto il 03.08.2013 ore 17:05

Complimenti per i vostri Tutorial,

Grazie a voi sono riuscito a risolvere e capire molte cose riguardante MAGIX Web Designer 8 MX Premium.   Il mio problema è il seguente;   Ho finito da pochissimo un sito formato da Frame, Ci ho messo un paio di mesi per costruirlo, avendo poco tempo a disposizione,   Una volta che il sito era on-line, ho provato se funzionava tutto, e vi dico che era perfetto, funzonava esattamente come l'avevo costruito, naturalmente nelle mie possibilità amatoriali, usando come risoluzione shermo di 1920x1080,   Invece in altri pc naturalmente con risoluzione diversa quindi più bassa, l'immagine non si adatta allo schermo, e di conseguenza, la pagina viene tagliata e e addirittura il menù a sinistra viene parzialmente tagliato quando vado nelle sotto pagine,   Non vorrei rifare il tutto, senza frame, (ho fatto anche la piccola procedura di Chiara <"NoViewportMeta> ma non funziona , sembra nel mio caso).   

Vista corretta col mio monitor 1920x1080 di risoluzione         

Codice Frame usato

<html>
<head>
<title>Le Creazioni di Angelica</title>
</head>
<frameset rows="15%,*%" frameborder="1" framespacing="1" border="7">
<frame src="logo.htm" name="FrameSuperiore" scrolling="NO"noresize>
<frameset cols="13%,*%" frameborder="1" framespacing="1" border="7">
<frame src="menu.htm" name="FrameSinistro" scrolling="NO"noresize>
<frame src="principale.htm" name="FramePrincipale">
</frameset>
<body>
<noframes> La pagina corrente utilizza i frame. Questa caratteristica non è supportata dal browser in uso .</noframes>
</body>

</html>   

tascio2000 ha scritto il 01.09.2015 ore 12:27

Grazie per questo tutorial molto interessante,

ma volevo farle una domanda. Il tutto lo eseguo sulla prima pagina chiamata index, lo devo ripetere su tutte le pagine o fatta solo alla prima pagina e una volta esportato va bene per tutto il sito?

Grazie distinti saluti Massimo Alviani.