Attualmente sto lavorando a un sito web che dovrebbe anche essere ottimizzato per dispositivi mobili.
Il mio cliente mi ha fornito un layout di come la versione mobile di come dovrebbe apparire il sito. Fare in modo che i loro desideri di design diventino realtà non è un problema, ma rendere il design adatto allo schermo è il mio problema. In questo momento sto affrontando alcuni problemi relativi alla larghezza del tag <body> del sito, in quanto il progetto è misurato su una larghezza di 640px , ma ciò lascia una grande lacuna sul lato destro dello schermo, ad es. iPhone e telefoni Android.
Il sito Web è in fase di sviluppo in ASP.NET e C #. Usiamo solo 1 masterpage, quindi l'ottimizzazione può essere complicata. Il design che mi è stato fornito è un file .psd che dovrei semplicemente ritagliare e scattare immagini ecc. Direttamente da. Il problema sono tutte le immagini di navigazione, il contenuto che divide le immagini ecc. Sono tutti in larghezze e altezze specificate, quindi ho messo la larghezza di 640px sul tag <body> .
Quindi la mia domanda è, qual è il modo migliore di adattare un disegno a uno schermo portatile? Dovrei dimenticare tutto su pixel, em e pollici e andare fino in fondo con% per larghezza, dimensione font ecc.? Oppure posso semplicemente "copiare / incollare" il design fornito e alcuni come forzare le risoluzioni dello schermo sui telefoni per adattare il loro zoom alla larghezza della larghezza del corpo di 640 px senza lasciare spazi vuoti in nessuno dei due lati dello schermo?