PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum


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

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

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

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

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


โดย:  Boboman IP: 27.145.184.xxx วันที่: 28-12-2016 เวลา: 14:53:53

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 1
น่าจะเป็นการกำหนดขนาดรูป ให้เท่ากับรูปแบบ layout ที่กำหนด หรือก็คือสร้าง thumbnail รูปขนาดเล็กเพิ่ม สำหรับแสดง
ดูเนื้อหานี้เป็นแนวทาง

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


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


โดย:  Boboman IP: 27.145.184.xxx วันที่: 28-12-2016 เวลา: 19:19:51