我的joomla网站http://fm-coding.de在浏览器中没有响应，如果我调整它们的大小，则没有任何变化，至少没有改变我要调整的大小。主要是关于桌子的，例如在本网站上：http://fm-coding.de/codierungen/bmw/1er/e81-e82-e87-e88它们应该在所有设备上看起来都不错，我可以测试iPhone 5和iPhone 6并使其看上去很好，但是如果我使用浏览器进行测试，我看不到任何变化。
例如，对于iPhone 6：
@media only screen
and (min-width: 375px)
and (max-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.div-table-col{width:315px}
.sppb-tab{width:340px}
.fb-page{
width : 350px;
height : 350px;
margin-left : -175px;
margin-top : -175px;}
}
我还在模板index.php中添加了元标记<meta name="viewport" content="width=device-width, initial-scale=1">
我想念什么吗？如果没有在浏览器中无法使用的响应式设计，那么它就很难在每种手机或平板电脑上使用。
对我来说，它看起来像这样，首先是它在浏览器中的外观，另外两个是它的外观：
