Kā migrēt uz ReactJS - Džeks Franklins / Front-Trends 2017

Man ir neliela vietne, kas piedāvā pāris funkcijas, taču toreiz tā nebija paredzēta darbam ar viedtālruņiem. Man nav pieredzes viedtālruņu lietojumprogrammu izstrādē (un tas varētu būt arī pārmērīgs inženierijas darbs), bet es domāju, vai es varētu izmantot citu metodi.

No šejienes es ievēroju, ka viss viedtālruņa ekrāns atbalsta 320 pikseļu platumu, turot vertikāli. Vai es varētu izstrādāt HTML lapas, kurās saturs tiek pareizi saspiests 320 pikseļu robežās un paplašināts virs 480 pikseļiem (un vairāk)? Vai tas pareizi parādīsies viedtālruņos? Vai man vajadzētu ietaupīt vietu ritināšanas joslām?

Vai arī man vajadzētu ieguldīt laiku, lai iemācītos izmantot pareizu CSS sistēmu viedtālruņiem? Ja jā, vai kādam ir ieteikums sniegt? Ideālā gadījumā es vēlētos vienkārši paņemt savu lapu kopiju un reorganizēt tās viedtālruņiem, lai viss būtu vienkārši. Paldies.

Tiek saukta jūsu meklētā tehnika responsive designIzmantojot CSS3, šī pieeja ļauj mainīt satura izkārtojumu un teksta lielumu atbilstoši lietotāja pārlūkprogrammas loga lielumam vai izvēlētās ierīces ekrāna izšķirtspējai.

Šeit ir daži resursi / saites / idejas: -

  • CSS triki ir lielisks atsaucīga dizaina piemērs darbībā
  • Žurnālam SpeckyBoy ir lielisks CSS ietvaru apkopojums, LESS ir īpaši labs IMHO.
  • SmashingMagazine ir lielisks ievads atsaucīgam dizainam.

strādāja par jums: Charles Robertson | Vēlies ar mums sazināties?