Paparan mudah alih untuk peranti Netlify tidak berfungsi dengan betul

Question

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

Answer 1

CSS anda berjalan pada saiz skrin yang lebih kecil.

Menggunakan alat pembangun penyemak imbas, saya dapat melihat bahawa anda mempunyai pertanyaan media dengan display: none pada 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 melihat Pendekatan Reka Bentuk Pertama Mudah Alih.

Answer 2

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