在 iPhone 6 上,我的移动响应式 CSS 没有扩展 Portait View 的整个宽度?主页和所有底层页面好像都是这样?考虑到小屏幕,我希望它能利用整个屏幕。
屏幕截图和链接如下。
我已经尝试使用以下 375 像素的 CSS 来尝试不同的尺寸,例如像这样,但没有成功:
@media only screen and (max-width: 375px)
.site-container {
max-width: 100%;
width: 100%;
}
iPhone 6 上的屏幕截图:https://www.dropbox.com/s/qmzbmnh77j7twtu/2015-10-12%2018.53.04.png?dl=0
实际网站的 URL 示例(请在 iphone 上纵向查看),用于避免谷歌索引。
最佳答案
这是因为 facebook share/like 小部件及其文本(它的宽度太大,大于容器宽度)。例如,尝试删除文本,或将其编辑得更短,一切都会好起来的。
关于CSS 条件在 iPhone 6 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34722754/