Iphone上的CSS Wordpress博客

-2

我正在使用这个WordPress博客http://www.taranmarlowjewelry.com/?page_id=7（在正常的网页浏览器上看起来不错）我试图编辑CSS，所以它看起来不错，在iPhone上...我在我的iPhone CSS文件中添加这些行Iphone上的CSS Wordpress博客

.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; 
}

但博客和侧边栏这个页面的宽度之间的巨大的空间过大，而我的家，大约页面好看在840px宽的.wrapper;

这里怎么回事？

来源

2012-07-06 user979331

哇这些都是很多'！important'关键字！尽量少用... – TheZ 2012-07-06 20:29:52

nope，没有做任何事情:(但谢谢TheZ – user979331 2012-07-06 20:34:57

这不是一个解决您的问题，只是对您的风格的评论。 – TheZ 2012-07-06 20:37:25

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

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

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

来源

2012-07-06 20:47:38

谢谢Sean我会试试这个:) – user979331 2012-07-06 20:49:03

正确的方法是使用响应式主题，因此您应该为所有帧格式包含base.css样式表，然后为每个新的帧格式添加样式表。类似：

http://yourdomain.com/library/css/style.css'类型= '文本/ CSS' 媒介= '（最小宽度：481px）'/>

然后就可以使用该样式表中的功能将更多样式应用于更大的帧格式。骨头主题（由可爱）是开始学习响应式网页设计的好地方。

失败 - 肖恩是正确的，从元视口设置开始，并从那里调整。有iPad和iPhone的屏幕尺寸很大的答案在这里iPad browser WIDTH & HEIGHT standard

安迪

来源

2012-07-06 21:50:05

Iphone上的CSS Wordpress博客

回答

相关问题