Paparan mudah alih untuk peranti Netlify tidak berfungsi dengan betul
P粉276876663
P粉276876663 2023-09-10 00:13:04
0
2
551

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

P粉276876663
P粉276876663

membalas semua(2)
P粉476547076

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.

P粉757640504

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan