1 00:00:02,350 --> 00:00:07,180 Jadi, kembali ke kode kita, di sini di layar mulai permainan yang merupakan layar pertama yang 2 00:00:07,370 --> 00:00:13,070 kita lihat, kita sudah bisa melihat bahwa dua tombol kita - reset dan konfirmasi juga tidak diposisikan begitu 3 00:00:13,160 --> 00:00:14,980 hebat di wadah tombol kita. 4 00:00:15,080 --> 00:00:21,650 Jadi mari kita lihat styling yang kita atur di sana dan apa yang bisa kita lihat 5 00:00:21,650 --> 00:00:24,790 di sini adalah bahwa kita menetapkan lebar 6 00:00:24,830 --> 00:00:28,380 100% pada wadah tombol tapi apa ukuran ini merujuk? 7 00:00:28,400 --> 00:00:34,820 Nah ukuran ini pada tampilan ini di sini, tentu saja jika kita mengatakan 100%, pada akhirnya merujuk pada 8 00:00:34,820 --> 00:00:38,150 induk di sekitarnya yang dalam hal ini adalah kartu 9 00:00:38,150 --> 00:00:46,370 ini, wadah input ini dan pada wadah input ini, kita benar-benar menetapkan lebar 300 dan bahwa hanya terlalu kecil, dikombinasikan dengan tombol kami 10 00:00:46,370 --> 00:00:52,640 yang kami memiliki lebar tetap 100, kami mendapatkan tampilan ini yang tidak kita inginkan, yang dengan cara 11 00:00:52,640 --> 00:00:58,570 kita dapat melihat apakah kita mengubah sesuatu sehingga aplikasi kita membangun kembali dan karena itu restart, 12 00:00:58,590 --> 00:01:01,280 maka kita melihat layar mulai lagi, ini 13 00:01:01,340 --> 00:01:03,530 tampilan yang tidak kita inginkan. 14 00:01:03,530 --> 00:01:06,210 Jadi apa yang kita inginkan di sini? 15 00:01:06,210 --> 00:01:13,500 Mungkin kita tidak menginginkan lebar 300 di sini tetapi lebar lebih fleksibel. Kami menetapkan lebar maks 80%, yang bisa kami lakukan 16 00:01:13,500 --> 00:01:22,020 di sini adalah kami selalu bisa mengatur lebar katakanlah 80 atau 90% dan cukup pastikan bahwa ini harus selalu memiliki lebar 17 00:01:23,790 --> 00:01:31,230 minimum 300, sehingga kami selalu memiliki setidaknya ini banyak piksel jika kita memiliki perangkat kecil di mana 80% 18 00:01:31,230 --> 00:01:36,180 akan kurang dari itu dan bahwa kita memiliki setidaknya ini dan sekarang 19 00:01:36,180 --> 00:01:39,750 ini akan terlihat lebih baik di sini. 20 00:01:39,750 --> 00:01:40,630 Mengapa? 21 00:01:40,710 --> 00:01:43,520 Karena sekarang kami memiliki 80% sebagai default dan 22 00:01:43,620 --> 00:01:46,070 sebelumnya, kami memilikinya sebagai lebar maks. 23 00:01:46,650 --> 00:01:50,280 Jadi sekarang dengan mengaturnya ke default, ini memastikan bahwa ini bukan batas kami, melainkan 24 00:01:50,280 --> 00:01:51,830 ukuran standar kami, tetapi kami 25 00:01:51,840 --> 00:01:57,030 juga mengatur bahwa kami ingin memiliki min minimum 300. Pada perangkat kecil ini, lebar minimum 26 00:01:57,060 --> 00:02:02,760 ini mengabaikan lebar default kami karena 80% sebenarnya akan kurang dari 300 pada 27 00:02:02,760 --> 00:02:04,730 perangkat kecil ini. 28 00:02:04,740 --> 00:02:10,200 Sekarang tentu saja, Anda dapat memiliki perangkat yang lebih kecil di mana aturan ini namun mengarah 29 00:02:10,200 --> 00:02:16,950 ke masalah di mana min lebar 300 pada dasarnya berarti bahwa perangkat Anda lebih kecil dari itu, itu tidak cukup lebar 30 00:02:16,950 --> 00:02:20,800 dan oleh karena itu, wadah Anda akan melampaui batas kami. layar. 31 00:02:20,820 --> 00:02:26,070 Jadi ini mungkin masih bukan aturan yang sempurna tetapi tentu saja lebih baik seperti yang bisa kita lihat di sini karena pada 32 00:02:26,070 --> 00:02:30,900 layar yang lebih besar, ini masih terlihat bagus di sini di iPhone, di layar yang lebih kecil, ini sekarang 33 00:02:30,900 --> 00:02:31,800 juga terlihat bagus. 34 00:02:31,800 --> 00:02:38,730 Sekarang untuk memastikan bahwa kami tidak pernah meninggalkan batas kami, kami juga dapat mengatur lebar maks dan menetapkan ini untuk 35 00:02:38,970 --> 00:02:42,920 katakanlah 95% sehingga kami memiliki setidaknya sedikit jarak di sekitarnya. 36 00:02:42,960 --> 00:02:50,340 Sekarang kami memastikan bahwa wadah kami tidak akan pernah keluar dari layar kami tetapi ia mencoba mengambil 80% tetapi jika kami memiliki 37 00:02:50,670 --> 00:02:53,780 layar yang sangat kecil, itu akan membutuhkan 300 38 00:02:53,790 --> 00:02:57,840 tetapi sekali lagi, tidak pernah lebih dari 95% dari lebar yang tersedia. 39 00:02:58,440 --> 00:03:04,440 Jadi sekarang kita cukup membuat aturan yang lebih fleksibel di sini yang bekerja pada berbagai perangkat yang lebih luas yang seperti yang Anda 40 00:03:04,500 --> 00:03:06,390 tahu sedikit lebih baik di sini.