Baru-baru ini saya menerbitkan pakej NPM dengan misi yang diterangkan dalam tajuk: untuk menjadikan projek responsif dengan hanya satu baris kod!
Saya berkongsi dengan anda pakej [beta] apl responsif
Saya mengambil masa beberapa tahun untuk mencuba dan membangunkan teknik ini, yang pada masa ini terdiri daripada:
Hasilnya ialah semua perkadaran elemen dan saiz relatif sama merentas semua resolusi skrin:
Dengan hanya satu pemasangan talian, contohnya menggunakan Rollup:
import responsive from 'rollup-plugin-responsive-app' export default { … plugins: [ …, // Last plugin on the list responsive() ], };
Atau meletakkan versi gabungan penyemak imbas ke dalam halaman:
<head> <script src="https://cdn.jsdelivr.net/npm/responsive-app@1.0.7-beta.0/dist/browser-bundle.min.js"></script> </head>
Matlamat utama di sini ialah menjimatkan masa semasa membuat projek baharu dengan tidak perlu berurusan dengan responsif sama sekali, hanya percaya bahawa antara muka akan kelihatan baik pada semua resolusi skrin. Bunyinya bagus, kan?
Jadi, selepas melancarkan versi beta ini, saya sedang mencari sokongan dan penyumbang. Pada mulanya, ideanya adalah untuk menguji pakej ini dalam konteks, projek dan rangka kerja yang berbeza (React, Angular, Vue…) untuk menjadikan proses itu selengkap mungkin.
Siapa yang bersedia untuk cabaran ini? Langkah-langkah ujian ialah:
Atas ialah kandungan terperinci Mari jadikan web responsif dengan hanya satu baris pemasangan? Saya sedang mencari penyumbang!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!