Kunci adaptasi IphoneX adalah bagaimana menyesuaikan halaman dengan takik, area pengoperasian bawah, dan sudut membulat yang besar.
Dibandingkan dengan ponsel lain, perbedaan IphoneX adalah meskipun perangkat ini juga memiliki satu layar, namun sebenarnya terbagi menjadi beberapa modul Lihat gambar di bawah untuk lebih jelasnya:
Ketika kita memindahkan halaman web biasa ke X, efeknya konten hanya ditampilkan di Area Aman, dan tidak ada konten web di area tidak aman, artinya akan muncul blok putih di bagian atas dan bawah untuk menghadapinya?
Larutan 1. Tambahkan warna latar belakang ke badanMengapa menambahkan warna latar belakang? Apa gunanya? Perhatikan bahwa akan ada bercak putih di kepala dan pantat yang baru saja kami sebutkan. Sebenarnya tidak tepat jika dikatakan putih, karena warna ini sebenarnya berasal dari warna latar belakang tubuh. Selain itu, ketika kita menarik konten ke atas atau ke bawah, konten dan warna di bagian bawah halaman web akan ditampilkan, yang sebenarnya merupakan warna latar belakang bodi. Jadi jika Anda ingin memodifikasi kedua efek tersebut, Anda bisa mengatur warna background bodynya.
2. Tambahkan tag <meta> pada viewport-fit = coverLangkah ini sangat penting. Mari kita lihat hasilnya terlebih dahulu:
Salin kode