फेसबुक टिप्पणी बॉक्स चौड़ाई 100% कैसे बनाएं?

Question

मैं अपने पृष्ठ के लिए एक फेसबुक टिप्पणी बॉक्स डाल करने के लिए इस कोड का उपयोग कर रहा हूँ,

<script type="text/javascript"> 
(function(d, s, id) 
{ 
var js, fjs = d.getElementsByTagName(s)[0]; 
if (d.getElementById(id)) return; 
js = d.createElement(s); js.id = id; 
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=397337283630353"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 
</script> 


<div class="fb-comments" data-href="https://apps.facebook.com/driftee/" data-num-posts="5" data-width="470" data-colorscheme="dark" style="width: 100% !important;"></div> 

लेकिन मैं टिप्पणी बॉक्स पेज की 100% भरने नहीं कर सकता।

Answer 1

अच्छी तरह से मुझे लगता है कि मैं इसे हल करने में कामयाब रहा, मैंने टिप्पणी बॉक्स का विश्लेषण किया और देखा कि एफबी-टिप्पणियां div में डिफ़ॉल्ट रूप से 470 पीएक्स की चौड़ाई वाला एक अवधि होता है, और इस अवधि के भीतर मुझे एक ही चौड़ाई का आईफ्रेम मिलता है, इसलिए समाधान इस प्रकार jquery का उपयोग करके विंडो आकार बदलने पर अवधि और iframe चौड़ाई को बदलना है:

$(window).resize(function(){$('.fb-comments iframe,.fb-comments span:first-child').css({'width':$('#commentboxcontainer').width()});}); 

तो अब खिड़की पर पूरे टिप्पणी बॉक्स का आकार बदलना कंटेनर चौड़ाई ले रहा है (अन्य माध्यमों से यह 100% चौड़ाई है)।

Answer 2

आप के रूप में अपने HTML पृष्ठ के शैली पत्रक में CSS वर्ग जोड़ कर ऐसा कर सकते हैं:

.fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }