ขอสอบถามเรื่องการใช้งาน responsive css หน่อยครับ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ภาพประจำตัวสมาชิก
ewqolf
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 621
ลงทะเบียนเมื่อ: 14/11/2022 9:26 am

ขอสอบถามเรื่องการใช้งาน responsive css หน่อยครับ

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

โดยปกติหน้าเว็บของผมหน้าปกติ หน้า UI มันไม่ทับกันครับ อยากจะทำให้เวลาเขาย่อขนาดหน้าจอ หน้า UI ก็จะย่อยืดตามไม่ทับกันผม สามารถทำอย่างไรได้บ้างไม่ให้หน้า UI ยืดหดไม่ทับกันครับ?
221212110704-6HCu.jpg
221212110704-6HCu.jpg (15.75 KiB) Viewed 749 times
image_2022-12-12_110911221.png
image_2022-12-12_110911221.png (24.29 KiB) Viewed 749 times
คนจะตายเมื่อถูกฆ่า...ขอบคุณครับ
ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16198
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

Re: ขอสอบถามเรื่องการใช้งาน responsive css หน่อยครับ

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

  • ลองใช้ bootstrap เข้ามาช่วยก็ได้ค่ะ ศึกษา https://www.mindphp.com/%E0%B8%9A%E0%B8 ... rap-4.html
  • หน่วยขนาดก็มีผล ลองเลือกใช้อย่าง vw, vh, em, % เพื่อจะขยาย - หดตามขนาดตามขนาดจอได้ยืดยุ่นกว่า และอาจจะใช้ @medie ควบคู่ในการบอกว่า ขนาดจอเท่านี้ จะใช้ width และ height เท่าไร
    - ศึกษาหน่วยวัดแบบ Absolute Lengths กับ Relative Length viewtopic.php?t=79177
    - Media Query ใช้ css กำหนดขนาดหน้าเว็บให้เหมาะสมกับอุปกรณ์ มือถือ แทปเล็ต โน๊ตบุค และอื่นๆ https://www.mindphp.com/%E0%B8%9A%E0%B8 ... y_css.html
ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16198
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

Re: ขอสอบถามเรื่องการใช้งาน responsive css หน่อยครับ

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

ได้ลองใช้การปรับ responsive เป็นอย่างไรบ้างค่ะ
ภาพประจำตัวสมาชิก
ewqolf
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 621
ลงทะเบียนเมื่อ: 14/11/2022 9:26 am

Re: ขอสอบถามเรื่องการใช้งาน responsive css หน่อยครับ

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

eange08 เขียน: 16/12/2022 1:22 pm ได้ลองใช้การปรับ responsive เป็นอย่างไรบ้างค่ะ
กำลังอยู่ในช่วงทดลองใช้ตัวของ @media screen ครับให้ ปรับหน้าจอให้เหมาะสมกับมือถือได้ครับ แต่ตอนนี้ทำให้หน้า UI ไม่ทับกันได้แล้วครับ
image_2022-12-16_133840181.png
image_2022-12-16_133840181.png (26.26 KiB) Viewed 595 times
image_2022-12-16_133906518.png
image_2022-12-16_133906518.png (31.36 KiB) Viewed 595 times
คนจะตายเมื่อถูกฆ่า...ขอบคุณครับ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

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