Always Design for Mobile FirstMobil

Always Design for Mobile First
Mobile First means designing for mobile before designing for desktop or any other device (This will make the page display faster on smaller devices).

This means that we must make some changes in our CSS.

Instead of changing styles when the width gets smaller than 768px, we should change the design when the width gets larger than 768px. This will make our design Mobile First:

ผลลัพธ์ (ไทย) 2:

มักจะได้รับการออกแบบสำหรับมือถือครั้งแรก
มือถือครั้งแรกหมายถึงการออกแบบสำหรับโทรศัพท์มือถือก่อนที่จะออกแบบสำหรับเดสก์ทอปหรืออุปกรณ์อื่น ๆ (ซึ่งจะทำให้การแสดงหน้าเว็บได้เร็วขึ้นในอุปกรณ์ขนาดเล็ก). ซึ่งหมายความว่าเราจะต้องทำให้การเปลี่ยนแปลงบางอย่างใน CSS ของเรา. แทนการเปลี่ยนรูปแบบเมื่อ ความกว้างได้รับมีขนาดเล็กกว่า 768px เราควรจะเปลี่ยนการออกแบบเมื่อได้รับความกว้างขนาดใหญ่กว่า 768px ซึ่งจะทำให้การออกแบบของเรามือถือครั้งแรก:

ผลลัพธ์ (ไทย) 3:

เสมอออกแบบมือถือครั้งแรก
มือถือครั้งแรก หมายถึง การออกแบบสำหรับโทรศัพท์มือถือก่อนที่จะออกแบบสำหรับเดสก์ทอปหรืออุปกรณ์อื่น ๆใด ๆ ( นี้จะทำหน้าที่แสดงขึ้นบนอุปกรณ์ขนาดเล็ก ) .

ซึ่งหมายความ ว่า เราต้องทำให้การเปลี่ยนแปลงบางอย่างใน CSS ของเรา

แทนที่จะเปลี่ยนรูปแบบเมื่อความกว้างจะเล็กกว่า 768px เราควรจะเปลี่ยน การออกแบบที่ได้รับมีขนาดใหญ่กว่าความกว้าง 768px .นี้จะทำให้เราออกแบบมือถือครั้งแรก :