为移动设备中的网站设置填充
kia*_*567 6 css iphone mobile padding media-queries
我刚刚完成了这个网站,但发生了一些事情,我现在花了一整天的时间来修复它并从头开始重新启动,因为我的备份没有正确完成.我不太明白它在做什么,因为我在许多其他网站上完成了这项技术而没有任何麻烦,也许我已经看了这个网站太久了？
这是网站.我想在左侧和右侧放置一些空间,但是我不只是有一个容器,因为我需要100%的屏幕上的深灰色条,无论它在哪里都始终在横幅下.所以有4个"包含"div我希望有空间.我已经安排了CSS3媒体查询,但现在我正在向右边移动.我当时认为这是因为我的背景法师一路走来,但他们设定为100%,所以我只是不明白最新情况.这很简单,我现在没有看到它..
这就是我对媒体查询的看法
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#header, #banner, #main, #footer-widget-area { padding: 0 2em 0 2em; }
}
这就是我的iPhone上的样子
任何建议都有帮助和赞赏.
小智 3
查看viewport元标记。如果您要将代码添加到页面的<head>：
<meta name="viewport" content="width=1100">
这将迫使 iPhone 的视口渲染 1100 像素宽。iPhone 上的默认视口为 980 像素，因此您的页面暗示 100% 宽度为 980 像素，而不是真实内容的宽度。
视口可能很棘手，这里有一些更多信息：
| 归档时间： |
|
| 查看次数： |
1743 次 |
| 最近记录： |