Here is the link to my page:
http://whiterootmedia.com/database/test/mobile8.html
The comments plugin is a couple pixels to wide when minimized and when viewed on a mobile phone I think it goes to a width of 500px (I think).
Here’s the css that I’m using now:
.fb-comments, .fb-comments iframe {width: 100% !important;}
.fb-comments span {width: 100% !important;}
It is already 100%. It should be caching issue!
Try pressing Ctrl + F5.
Screenshot
You should not give both
border/margin/paddingwith 100%width. Instead, use a wrapperdiv, with theborder, and inside that, theiframehas 100%. The problem is solved. And don’t give anywidthorfloatto the parentdivwith theborder.