Kesan halaman web suai mudah alih menyelesaikan masalah halaman paparan kecil_HTML/Xhtml_Pengeluaran halaman web

Untuk keperluan kerja, saya perlu membuat kesan halaman web yang sesuai dengan telefon bimbit saya akhirnya mendapatnya, berkongsi dan merekodkannya terlebih dahulu.

Malah, perkara utama ialah menukar pengisytiharan halaman HTML:

Tambah kod berikut pada halaman web, dan ia akan dipaparkan seperti biasa:

Salin kod

Kod adalah seperti berikut:

Penjelasan:

lebar - lebar daripada port pandangan
tinggi - ketinggian port pandangan
skala awal - nisbah skala awal
skala minimum - skala minimum yang dibenarkan pengguna untuk zum kepada
skala maksimum - maksimum skala pengguna dibenarkan untuk zum kepada
boleh skala pengguna - sama ada pengguna boleh zum secara manual

Untuk memudahkan perkara, anda boleh menukar kod di atas kepada kod berikut, kesannya adalah sama:

Salin kod

Kod tersebut adalah seperti berikut:

Perkara terakhir ialah jangan menetapkan atribut lebar tertentu terlalu besar. Contohnya, jika anda menetapkan atribut lebar bagi Badan kepada 1000px pada halaman web, ini pasti tidak akan berfungsi, tetapi anda boleh menetapkannya kepada 90%, iaitu penyesuaian skrin.

PS: Saya membuat halaman kesan, yang boleh dipaparkan seperti biasa pada telefon mudah alih.