การเพิ่มกรอบจอโทรศัพท์มือถือบน Google Chrome

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

Moderator: mindphp, ผู้ดูแลกระดาน

natthanit.r2538
PHP VIP Members
PHP VIP Members
โพสต์: 1875
ลงทะเบียนเมื่อ: 01/06/2020 10:34 am

การเพิ่มกรอบจอโทรศัพท์มือถือบน Google Chrome

โพสต์ที่ยังไม่ได้อ่าน โดย natthanit.r2538 »

หากเราต้องการแคปหน้าจอบนเว็บไซต์ให้อยู่ในลักษณะของหน้าจอโทรศํพท์มือถือ
สามารถกด F12 เพื่อเปลี่ยนขนาดจอโน๊ตบุ้คบนเว็บไซต์ให้เป็นขนาดจอบนโทรศัพท์มือถือ
หน้าเว็บไซต์ก็จะปรากฎลักษณะดังรูป
Share Knowledge-2.png
Share Knowledge-2.png (31.8 KiB) Viewed 1401 times
1. สามารถเลือกขนาดจอตามรุ่นของโทรศัพท์มือถือได้
2. กดปุ่ม More options หากต้องการเพิ่มกรอบโทรศัพท์มือถือ

Share Knowledge-1.png
Share Knowledge-1.png (51.23 KiB) Viewed 1401 times
กดเลือกที่ Show device frame

Share Knowledge-3.png
Share Knowledge-3.png (37.42 KiB) Viewed 1401 times
รูปตัวอย่างที่ขึ้นกรอกหน้าจอโทรศัพท์มือถือแล้วค่ะ


หมายเหตุ กรอบหน้าจอโทรศัพท์มือถือสามารถใช้ได้เฉพาะ Iphone ,Ipad ค่ะ
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 68