CSS untuk tapak ini berfungsi dengan baik pada komputer saya, seperti dalam versi desktop dan versi mudah alih yang dibuat dengan pertanyaan media, tetapi apabila saya melihatnya pada peranti mudah alih, CSS berhenti berfungsi. Pautan tapak web: https://lightheart-basbousa-3c2db6.netlify.app/, pautan repo https://github.com/hetyug04/portfolioV7. Ia dihoskan di netlify tetapi saya tidak mempunyai masalah dengannya sebelum ini. Ini adalah paparan mudah alih pada telefon saya
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
CSS anda berjalan pada saiz skrin yang lebih kecil.
Menggunakan alat pembangun penyemak imbas, saya dapat melihat bahawa anda mempunyai pertanyaan media dengan
display: nonepada kelas pengenalan. Ini menjejaskan skrin yang lebih kecil daripada atau sama dengan 1015 piksel. Jika anda menukar atau memadam pertanyaan media, output anda akan berubah.Tidak pasti mengapa ia wujud dan jika mengalih keluar ia akan menyelesaikan masalah anda sepenuhnya, tetapi menyemak ini sepatutnya menjadi langkah pertama anda.
Terdapat beberapa isu lain seperti limpahan dan lebar yang salah, mungkin anda ingin melihatPendekatan Reka Bentuk Pertama Mudah Alih.
Saya menyelesaikan masalah itu, nampaknya ia adalah kerana saya menyarangkan gaya CSS dalam helaian gaya dan sebaik sahaja saya menyarangkan gaya, CSS mula berfungsi pada penyemak imbas mudah alih