Twitter Widget在移动设备上显示得太宽

Question

移动端网站(http://loriveltri.com/)出现问题。问题是Twitter小部件....它直接来自Twitter，在移动设备上看起来太宽了(大约520px)。当我打开浏览器进行调整时，一切正常。只有在手机上才会出现这种情况，这很奇怪。任何想法我可以解决这个最大宽度问题，从CSS小部件产生?

Answer 1

你应该在css中使用!important

.boxed-container {
  overflow: hidden;
}
@media (max-width: 677px)
.span3 iframe {
  max-width: 300px !important;
}

Answer 2

尝试为小屏幕添加CSS规范 480px适用于移动设备

@media (max-width: 480px) {}

或者尝试设置你的宽度

iframe#twitter-widget-0 {}