 Saya nak bercakap tentang menggunakan pembentangan responsif Sebuah keselamatan, ini tak ada apa-apa untuk dibuat dengan JS Saya minta maaf untuk menyebabkan semua orang Lebih banyak perkara tentang HTML5 Jadi apabila kita bercakap tentang responsif Di industri kita, responsif telah menjadi sebuah pembentangan Sebelum 5 tahun Semua orang yang tidak teknikal Mereka juga mempunyai pembentangan responsif Kerana... Pembentangan responsif Tapi untuk saya, saya bercakap dengan pembentangan Jadi kita perlu bercakap dengan banyak klien yang tidak teknikal Dan sebagian-bagian mereka tidak tahu apa responsif Ia selain yang mereka mahu Tapi untuk kami, kita perlu membuat pembentangan ini Untuk membuatnya, responsif sangat susah Jadi, anda mahu membuat pembentangan responsif? Ya, di sini, ada beberapa pembentangan untuk anda untuk meletakkan diri Dan kami juga tahu pembentangan iMac 5K Dan kemudian anda akan mempunyai orang seperti saya yang menggunakan Nokia Lumia 620 Ini adalah pembentangan 3.8 Jadi, jika anda mahu membuat pembentangan responsif yang terlihat bagus Dari pembentangan 5K di bawah pembentangan saya Ia mengambil banyak pembentangan Dan di pengalaman saya, semua klien saya mahu mempunyai pembentangan mereka semalam Jadi, biasanya kita tidak membuat banyak pembentangan Jadi, kami berakhir dengan... Pembentangan kita mempunyai masalah obisiti Jadi, ini adalah data dari bulan ini Jadi, pembentangan average adalah sekitar 2MB Dan lebih daripada 60% datang dari pembentangan Jadi, terutamanya, apa yang kita lakukan adalah... Saya akan menggunakan gram Saya akan membuat pembentangan saya di mana saya akan mempunyai Dan saya akan membuat gizipi Dan apabila ia membuat pembentangan, ia hanya 3MB Tapi pada akhirnya, anda membuat pembentangan dengan jatuh Kerana masalahnya adalah pembentangan Tetapi, saya rasa untuk banyak kita adalah Apa-apa pun yang kita lakukan dengan pembentangan Ia berada di belakang Jadi, kita boleh lakukan apa-apa pun yang kita mahu Tidak ada siapa yang akan datang untuk membuat pembentangan Kerana... Saya tahu apa yang saya lakukan Tetapi, apabila kita melakukannya dengan pembentangan Kita perlu mengambil pembentangan visual Maksudnya, pembentangan anda akan datang untuk melihatnya Pembentangan anda akan datang untuk melihatnya Pembentangan anda akan dapatkan sesuatu yang mempunyai Pembentangan jenita Kenapa terlambat? Jadi, biasanya saya melihat beberapa pembentangan Pembentangan saya berikan 6MB pembentangan Jangan lakukan pembentangan Jadi... Sebenarnya, pembentangan anda akan melihatnya Jadi, pembentangan anda akan melihatnya Oh, 5K shiny Wah ya, sangat besar Atau seperti saya Jadi, anda mempunyai pembentangan yang kecil Dan kemudian, anda akan melihatnya Bagaimanapun, anda akan dapat melihatnya Jadi, ada... Jadi, pembentangan responsif Saya rasa ini adalah masalah yang... Mereka mempunyai banyak spesia Ia bukan masalah mudah untuk dibuat Maksud saya, ada banyak pembentangan potensi Selama tahun Ada ini Rufu Sebenarnya, ia bergantung untuk Wires Universal Resource Files Sudah tentu, pembentangan anda akan datang Tetapi sebenarnya, ia adalah pembentangan yang digunakan Jadi, ia menyebabkan anda untuk memperkenalkan Dan anda dapat menyebabkan Apa pembentangan yang digunakan Tetapi... Sebab itulah api Mereka memperkenalkan lebih banyak peraturan Untuk sebenarnya memperkenalkan Jadi, extra peraturan Extra masa yang tidak ada Ada... Pembentangan adaptif Ini pembentangan PHP Ini pembentangan server Sebenarnya, ia bergantung untuk PHP Saya rasa banyak orang mencari ialah simi PHP Jadi... Dan jika anda tidak berhasil, anda juga perlu menyebabkan Perkara server Jadi, jika anda memperkenalkan Apache Anda perlu memperkenalkan Wires HTX Dan jika anda memperkenalkan NGX Mereka perlu memperkenalkan Perkara virtual host Saya rasa beberapa orang tidak mahu memperkenalkan Saya rasa, saya tidak akan memperkenalkan Saya dapat mengalami teknik yang menggunakan kukis Tetapi ia adalah pengajaran Jadi, anda mungkin tidak mahu memperkenalkan Perkara produksi Dan... Yang sebenarnya bergantung untuk saya Ia sangat menarik Ia... Ia ada di sini Jadi anda boleh mencari link-nya Di sini, ada teknik yang menarik Untuk memperkenalkan alamat Tetapi... Ia sangat menarik Bagaimana setiap alamat Ia memperkenalkan Ia menggunakan alamat CSS Jadi, jelasnya Ia tidak menarik Jika anda mempunyai alamat Ia mungkin tidak akan bekerja Dan ia memperkenalkan alamat Tidak ada jelas macam ini Sebenarnya ia berhasil dengan baik Tetapi Dengan kemudian Sama-sama, FDML 5.1 Ia sebenarnya mempunyai Alamat tersebut Dan pilihan dan alamat Dan ia adalah alamat responsif yang menarik Untuk menggunakan pilihan Jadi, bagaimanapun, nama saya Huijing, saya pembangunan pembangunan sendiri dan pembangunan pembangunan. Saya berhasil memperbaiki kerja di syarikat yang tidak berlaku. Saya juga membuat blog post dari masa ke masa. Jadi apabila saya memulai website saya, saya menggunakan screen non retina yang biasa. Lama-lamanya, saya memutuskan untuk membangunan. Kemudian saya percaya bahawa gambar itu nampak teruk. Sebab itulah saya menggunakan gambar untuk membangunan. Okey, mari kita lihat gambar ini semuanya. Jadi, ada beberapa perkara untuk memperkenalkan gambar. Pertama, gambar adalah atribut. gambar adalah element. Jadi, gambar di atribut adalah... Anda menggambarkan listan separat di atribut gambar. Kemudian, pembinaan akan menggambarkan gambar yang sesuai dengan kondisi yang kita mengatakan. Ia adalah gambar. Jadi, ia menggambarkan gambar. Sebenarnya, anda tidak perlukan gambar untuk menggunakan gambar. Jadi, ia hanya di dalam gambar adalah salah satu gambar yang anda gunakan. Jadi, saya mengatakan gambar. Ada dua jenis gambar. Ada gambar X dan gambar W. Jadi, gambar X mengatakan gambar dengan gambar. Bahkan gambar W mengatakan gambar. Bila saya mengatakan gambar, ia mengatakan gambar dengan gambar. Sebenarnya, kita ingin gambar untuk membuat keputusan dan bukan kita. Ada juga gambar yang lain yang dipanggil gambar Sizes. Seperti kemudian, jika anda mengatakan gambar W, anda harus mengatakan gambar dengan gambar Sizes. Saya akan menjelaskannya sekejap lagi. Jadi, gambar X adalah... Seperti yang anda lihat, gambar W mengatakan gambar 2. Jadi, gambar W adalah gambar media. Dan gambar W adalah gambar CSS. Satu-satunya perkara adalah anda dapat menggunakan gambar CSS terutamanya. Yang terutamanya adalah gambar Viewport yang anda dapat menggunakan. Jadi, ada beberapa keputusan untuk gambar element dan gambar sosial. Jadi, yang pertama adalah untuk gambar dengan gambar. Jadi, gambar dengan gambar adalah... Mungkin perkara seperti gambar Sites yang tidak akan berubah. Tetapi, anda ingin mengatakan gambar Rettina, gambar non-Rettina. Kemudian, gambar Samsung ada gambar 0.5, gambar densiti, sebagainya. Jadi, sebenarnya anda dapat mengatakan gambar Rettina. Jadi, gambar Sintax adalah gambar sosial. Jadi, anda perlu membuatkan gambar 2x, gambar 3x, semua gambar anda. Dan kemudian... Semuanya lain adalah seperti biasa. Jadi, jika anda mengambil gambar X, gambar browser... Anda akan mengatakan gambar Rettina. Jadi, anda sekarang di gambar Rettina. Saya akan menjelaskan anda gambar 510. Kerana, yang saya katakan adalah gambar 2x. Dan jika anda menggunakan gambar non-Rettina, anda akan menjelaskan gambar 1x, gambar 1x. Jadi, biasanya gambar X adalah untuk gambar X. Tapi, jika anda menggunakan gambar X dengan gambar Rettina, anda mungkin mahu menggunakan gambar W. Jadi, gambar Sintax adalah lebih lama. Jadi, sebabnya anda perlu mengatakan gambar Rettina, adalah bagaimana anda mengatakan gambar Rettina. meinem gambar p浮anglahan. forganya, gambar pertama adalah mortu 400 balas yang yakin. Apabila 마음에 behöver, saya ingin gambar itu khetil 100% Anda mahu gambar 400. X-Bandal itu adalah total 400. jadi, gambar 1x, Anda akan mempunyai gambar paling kecil yang lebih besar yang lebih besar daripada yang terkenal. Jadi dalam kes ini, saya berikan beberapa sasaran. Jadi 480, 640, dan sebagainya. Jadi yang paling terkenal adalah 480. Jadi pada sasaran 1x, pada 400, apa yang lebih kurang daripada 400, ia akan menjelaskan 480. Tapi jika saya berada di retina, yang adalah 2x, jadi sekarang, maksudnya ia akan menjadi 800. Jadi browser akan memilih 961, kerana ia adalah gambar kecil yang lebih besar daripada yang terkenal. Mungkin ini mengambil masa untuk mengambil masa. Tetapi ia lebih mudah jika kita cuba memainkan kode. Jika anda mengambil sasaran ini, anda sebenarnya hanya boleh melihat gambar berubah. Tetapi satu perkara adalah, jika anda mengambil gambar, yang paling besar, maksudnya saya sudah mengambil gambar yang paling tinggi. Jika anda melihat gambar, ia akan tidak... kerana anda sudah mengambil gambar yang lebih besar daripada yang terkenal. Jadi tidak akan mengambil gambar yang lebih kecil. Tapi jika anda bermula dari kecil, dan anda mengambil gambar, anda dapat melihat gambar yang lebih besar daripada yang besar. Jadi ia akan mencuba sesuatu. Kemudian, kita akan mempunyai gambar. Sebenarnya gambar ini adalah sebuah gambar untuk gambar dan sasaran. Jadi ia tidak berfungsi. Jika anda tidak mengambil gambar, tidak ada apa-apa di sana. Kerana ia hanya sebuah gambar. Ia tidak mengambil apa-apa sendiri. Untuk mengambil gambar, anda harus mempunyai gambar yang lebih besar daripada yang besar. Kerana gambar yang lebih besar memuatkan kita untuk mengambil gambar yang lebih besar. Jadi lagi, ia seperti banyak latiuban, tetapi ia adalah sebuah latiuban media, atau latiuban yang lebih tinggi. Dan kemudian, gambar yang saya menyebabkan sebelumnya. Jadi biasanya anda akan menggunakan gambar jika anda menyebabkan gambar yang di arah arah arah. Ia bermakna untuk mengambil gambar yang berbeza, saya ingin menunjukkan gambar yang lebih besar daripada gambar yang lebih besar. Tapi jika saya mempunyai gambar yang lebih kecil, atau mungkin saya menggunakan gambar, saya ingin mengambil gambar yang lebih besar. Ia sebenarnya adalah gambar yang berbeza. Seperti gambar sebelum saya, sebenarnya anda hanya menunjukkan gambar yang sama dan kelihatan yang berbeza. Ia sebabnya sebenarnya saya menunjukkan gambar yang berbeza semua. Jadi, jika anda menggunakan gambar yang sama, tetapi di kelihatan yang berbeza, ia menyebabkan anda harus menggunakan gambar yang berbeza. Kerana kemudian anda mengajar gambar yang berbeza untuk membuat keputusan untuk menggunakan gambar yang sama. Tapi jika anda menggunakan gambar yang berbeza, anda sebenarnya sudah beritahu gambar, ok, dengan gambar ini, saya ingin menggunakan gambar ini. Anda tidak dapat memilih, kerana saya sudah beritahu anda, bagaimanapun yang lebih kecil daripada gambar 575, saya ingin menunjukkan gambar ini. Jadi, ia lebih kuat, tetapi kadang-kadang anda tidak dapat menyebabkan situasi seorang. Jadi, jika ia adalah keadaan keadaan, saya betul-betul ingin menunjukkan gambar yang berbeza. Lebih baik anda menggunakan gambar yang berbeza. Kemudian, anda juga menggunakan gambar yang berbeza. Jika anda ingin menggunakan gambar 4, sebenarnya, anda dapat menggunakan gambar yang berbeza daripada gambar yang berbeza yang berbeza. JPEG, PING dan GIF. Ada WebP dari Google, JPEG 2 adalah, saya tidak ingat dari siapa, dan saya rasa JXR adalah dari Microsoft. Jadi, setiap keadaan yang berbeza, anda dapat menggunakan gambar yang berbeza. Jadi, anda tidak tahu kenapa. Jadi, anda dapat memilih, anda dapat menggunakan gambar yang berbeza, tetapi untuk gambar ini, anda dapat menggunakan gambar yang berbeza. Jadi, seperti ini, jika JXR, jika anda faham JXR, anda akan memiliki gambar JXR. Meskipun, mungkin anda dapat faham WebP, anda akan memikirkan gambar pertama. Jadi, ia bergaduh. Tapi, pada masa ini, tidak ada satu-singat gambar ini, walaupun mereka memberi kekuatan yang lebih baik di dalam gambar yang berbeza. Tidak ada satu-singat gambar yang berbeza, yang menggantikan gambar yang berbeza. Jadi, saya rasa mereka perlu bekerja dengan gambar ini. Tapi perkara yang baik tentang gambar yang berbeza, ia ada auto format. Jadi, jika anda menggantikan gambar yang berbeza, sebab anda perlu memperkenalkan gambar yang berbeza, anda hanya mengenangkan gambar yang berbeza, dan gambar yang berbeza. gambar yang berbeza, maaf. Jadi, anda dapat menggunakan gambar yang berbeza? Gambar yang berbeza, sangat berlebihan atau berbeza. Tapi jika anda berada di dalam gambar yang berbeza, anda menggunakan gambar yang berbeza, ia lebih baik. Gambar itu lebih teruk. Tapi gambar yang berbeza, ia lebih berbeza, lebih berbeza dengan gambar yang berbeza. Jadi, saya rasa ia... Tapi tidak perlu risau, kerana sebenarnya, ia adalah gambar yang sangat baik di dalam gambar. Jika anda mahu menggunakan gambar yang berbeza sekarang, gambar ini sudah berbeza, ia sudah berbeza dengan gambar 3.0. Dan ia menggunakan gambar yang berbeza, ia mempunyai gambar i.e. bahkan sebelum gambar i.e. 9. Jadi, ia sangat berlebihan dengan gambar ini. Ya. Kerana saya sebenarnya menggunakan gambar yang berbeza, apabila kawan saya membutuhkan gambar i.e. 8. Ia masih bekerja dan saya tidak dapat berkumpulan. Jadi, saya berharap ia berbeza. Jadi, ini... cuba, cuba, cuba. Jadi, untuk mencari lebih banyak gambar, ini... orang-orang yang... sebenarnya bekerja dalam gambar dan sebagainya. Jadi, ia adalah lebih banyak detail. Jika anda tidak faham apa yang saya katakan, mungkin salah satu-satunya, anda akan mendapatnya. Jadi, anda boleh mencari gambar ini. Jadi, nanti, menjawab gambar i.e. mereka mempunyai gambar i.e. Jadi, anda dapat menggantikan gambar i.e. Anda dapat menghubungi gambar i.e. dan anda dapat menghubungi gambar i.e. Ya. Jadi, ia adalah tentang gambar i.e. Itu saya. Ya. Terima kasih, semua. Oh... Okey. Saya... Saya menulis artikel ini... tentang gambar i.e. Sebenarnya, itu sebabnya, saya menghubungi gambar i.e. Ia berada pada masalah yang terlebih daripada gambar i.e. Jadi... Selepas? Ya. Jadi, ia seperti apa yang saya katakan tentang gambar i.e. Ya. Jadi, jika anda berminat, anda dapat menghubungi gambar i.e. Itu saya. Terima kasih. Ada pertanyaan. Jadi, saya hanya... Ya, saya tidak fikir begitu. Kerana anda adalah jp. Ada pertanyaan? Tunggu, tunggu. Jadi, saya menyebabkan apa yang berkuali dengan perempuan. Mempunyai semua jenis gambar i.e. Mereka hanya mempunyai gambar i yang berkuali dengan perempuan yang terlebih daripada gambar i.e. Dan kemudian, anda dapat menghubungi gambar i.e. Anda dapat menghubungi gambar i.e. Potensi anda dapat menghubungi sesuatu yang berkuali untuk menggabungi gambar i.e. Tapi jika perempuan anda sangat mengalami teknikal, saya rasa mereka akan menggunakan gambar i.e. Seperti pilihan kuali dengan perempuan i.e. dan mengubungi gambar i.e. menggabungi gambar i.e. Saya rasa... Pada beberapa gambar i.e. Saya berkata, mereka sebenarnya sangat baik di gambar i.e. Dan mereka akan berkata, saya akan membuat proses ini. Saya akan membuat proses ini. Saya akan membuat proses ini. Ya, terima kasih. Jadi, sejauh ini, ada cara untuk... Saya rasa jika anda mempunyai perempuan yang baik di gambar i.e. anda dapat membuat itu. Tapi, saya rasa untuk orang seperti kita, anda mungkin harus menggunakan sesuatu yang berkuali dan dapat menghasilkan semua gambar i.e. Saya rasa ia akan lebih baik. Sebenarnya, jika anda mencari solusi, jika anda menghubungi gambar i.e. Jika anda hanya menghasilkan. Alatai, anda akan menghasilkan alatai. Bagi yang kamu menggunakan. Pini, agar ia beri saya tidak mengelahberi Alatai, benda atau permintaan. Saya rasa, mungkin, ada pelajar yang cantik yang anda boleh memikirkannya di gambar i.e. Tapi, ini lebih mempunyai pelajar i.e. Kadang-kadang, saya rasa, ia bergantung buat jika jika wawanya pertumburan anda, anda akan mahu... sebab anda menyambut dalam jenayah, anda akan membuat Bagaimana dengan KDN? KDN berkata pada KDN, kemudian KDN berkata pada saya. KDN berkata pada saya adalah kaya menjual. KDN berkata pada saya adalah kaya menjual. Bagaimana dengan KDN? Bagaimana dengan KDN? Bagaimana dengan KDN? Kenapa? Kita perlu berguna dengan semua orang. 2 megabytes. Bagus. Terima kasih.