initial-scale = 1.0 + width =设备宽度不适合任何移动设备上的整个屏幕

Question

所以我现在很难过。我正在使用主题“精致”构建一个响应式网站。它与meta标签

其中我的印象是将设置在屏幕宽度的内容全部建成。在我的手机上，我必须缩小以使内容显示得很好。我已经尝试将初始缩放值改为0.65，这使得我的个人手机上的网站看起来很漂亮，我用它来开发，但在iPhone 6或其他设备上运行不佳。

我已经扑把脸靠在墙上，因此任何建议，将非常理解

Answer 1

的问题是，其具有一个固定的宽度的主容器，而不是基于屏幕自适应宽度。我的猜测是主题是废话！

这里有一个修复：

*, 
*:before, 
*:after { 
    margin: 0pt; 
    padding: 0pt; 
    box-sizing: border-box; 
} 

.content-pad { 
    width: 100%; 
} 

更具体地讲，你得这个规则只适用于小型设备，像这样：

/* Apply this width only to small devices */ 

@media only screen and (min-width: 320px) { 
    .content-pad { 
    width: 100%; 
    } 
} 

确保您更改了主题为”由于css的特殊性，默认宽度或在宽度上追加!important。