CSS 条件在 iPhone 6 中不起作用

标签 css iphone

在 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 上纵向查看),用于避免谷歌索引。

http://bit.ly/1IUoDbn

最佳答案

这是因为 facebook share/like 小部件及其文本(它的宽度太大,大于容器宽度)。例如,尝试删除文本,或将其编辑得更短,一切都会好起来的。

关于CSS 条件在 iPhone 6 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34722754/

相关文章:

css - 在制作响应式网站时,我们应该保留哪些 CSS 外部媒体查询?小一号还是大一号?

HTML/CSS : Text within my div is not lining up?

html - 如何在目录周围环绕文字

ios - iPhone模拟器可以模拟打电话吗?

iphone - iOS 在命令 Quartz 2D CGContext 上绘图

iphone - 将 double 值表示为 NSString

html - 在CSS中从上到下过渡图像

iphone - 即使在静音模式下也能在 iPhone 上播放声音

iphone - UITableView : error after connected table view to datasource

css - 切换显示 : none; on several related items individually, 还是将它们包装在另一个 div 中并切换它更好?