-2

我正在处理这个 wordpress 博客http://www.taranmarlowjewelry.com/?page_id=7(在普通的网络浏览器上看起来不错)我尝试编辑 CSS,使其在 iphone 上看起来不错......我添加了这些行在我的 iphone css 文件中

.wrapper{
    position:relative;
    width:840px;
    margin:0 auto;
}

.blog #page{
    width:840px !important;
}

.blog #main{
    width:840px !important;
}

.blog #primary {
    width:220px !important;
}

.blog #content {
    width: 220px !important;
}

.blog #secondary {
    width:200px !important;
    float:right !important;
}

但是博客和侧边栏之间有很大的空间,这个页面的宽度太宽了,而我的主页,关于页面看起来不错,.wrapper 的宽度为 840px;

这里出了什么问题?

4

2 回答 2

0

您是否尝试过使用初始比例?

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

将其添加并相应地调整您的 CSS。

于 2012-07-06T20:47:38.707 回答
0

正确的方法是使用响应式主题,因此您将为所有框架格式包含一个 base.css 样式表,然后为每个新的框架格式添加样式表。就像是:

http://yourdomain.com/library/css/style.css' type='text/css' media='(min-width:481px)' />

然后,您可以使用该样式表中的函数将更多样式应用于更大的框架格式。Bones Theme(by themble)是开始学习响应式网页设计的好地方。

做不到这一点 - 肖恩是对的,从元视口设置开始,然后从那里调整。iPad 和 iPhone 屏幕尺寸有一个很好的答案iPad 浏览器宽度和高度标准

安迪

于 2012-07-06T21:50:05.087 回答