我有一个html页面,我使用twitter bootstrap进行响应式布局,我也使用Disqus进行评论.当我最初加载页面时,从我的手机(iPhone 5)开始,所有内容都很好,并且在它的容器中大小有问题(基本上是屏幕的整个宽度).当我将手机旋转到风景和背景时,响应式设计没有任何问题,它会根据我的需要调整大小和行为.问题是在初始页面加载后,我的手机上没有调整Disqus iframe的大小.
我想知道是否有一个好方法让我帮助Disqus重新调整它的自我.
我正在尝试确保在设置width = device-width时正确理解Meta视口标记的工作方式.
在
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">使用像素单元的移动设备上工作(或者应该)被视为在320像素宽的网格上给出时,这是一个正确的陈述吗？即宽度为160px的元素占据屏幕的(160/320 = 50%)？
在桌面浏览器上运行时,这种行为似乎不起作用,所以假设我想在移动设备和桌面设备上获得相同的设计,我应该/可以使用百分比还是vw/vh单位？