ช่วงนี้เห็นหลายๆ เว็บไซต์เริ่มเขียนเป็นแบบ fluid design หรือจะเรียกว่า responsive web ก็ได้ ยิ่ง Adobe CS6 ออกมาแล้ว ยิ่งเขียนแบบ fluid ง่ายยิ่งขึ้น แต่มันก็ยังมีปัญหาสำหรับเว็บที่ใช้ facebook comment หรือ like box ที่ขนาดมันจะถูกกำหนดไว้ตายตัวเลย วิธีแก้ก็ไม่ยากเลย แค่ใส่โค๊ด CSS นี้เข้าไป

#fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style] ,#fbcomments span, .fb_iframe_widget span, .fb_iframe_widget span[style], .fb_iframe_widget iframe span[style], #fbcomments iframe span[style] {width: 100% !important;}

เท่านี้ก็แก้ปัญหาได้แล้ว

Comments

จำนวนความเห็น