ปัญหาการจัดเรียงรูปในแบบ Responsive design

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ปัญหาการจัดเรียงรูปในแบบ Responsive design

ปัญหาการจัดเรียงรูปในแบบ Responsive design
อยากสอบเรื่อง การจัดเรียง ในเว็บที่เป็น Responsive layout ให้เรียงตรงกันโดยไม่ปัดตก กรณีที่บางรูปสูงกว่ารูปอื่น

ในตัวอย่างไฟล์รูปที่แนบมา เอาจากจากเว็บ http://www.phonehip.com/

ซึ่งจะสังเกตว่ารูปมีหลายขนาด ทั้งแบบสี่เหลี่ยมจตุรัส  สี่เหลี่ยมผืนผ้า แนวนอน แนวตั้ง แต่ว่าแต่ละรูปจะถูกเติมพื้นหลังสีขาวให้เต็ม ให้ทุกภาพมีขนาดเท่ากัน

อยากทราบว่าใช้เทคนิดอะไรครับ


Boboman 27.145.184.xxx 28-12-2016 14:53:53

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
น่าจะเป็นการกำหนดขนาดรูป ให้เท่ากับรูปแบบ layout ที่กำหนด หรือก็คือสร้าง thumbnail รูปขนาดเล็กเพิ่ม สำหรับแสดง
ดูเนื้อหานี้เป็นแนวทาง

การประยุกต์ resize ขนาดรูปภาพ ด้วย php ในแบบต่างๆ  


ninenik 14.207.97.xxx 28-12-2016
 ความคิดเห็นที่ 2
พอได้แนวทางแล้วครับ ขอบคุณครับ


boboman 27.145.184.xxx 28-12-2016 19:19






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ