如何让我的单列博客内容“缩放”以填充移动浏览器的宽度？

Question

更具体地说，我有一个专栏Tumblr博客。当有人从移动设备点击它时，我不想使用通用的“移动友好”主题。我希望单列填充宽度而不拉伸内容的宽度或使字体更大。

基本上，我希望“放大”内容而无需用户点击屏幕。

Answer 1

你需要做几件事：

1. 您需要一个仅限移动设备的CSS文件来更改样式（通常更简单，图像更少或更小）。您可以使用“@media”标签来完成此任务。这是一篇关于这种方法的好文章：http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

2. 确保使用“meta viewport”标签设置页面宽度。这将正确地“放大”您正在谈论的文本。它告诉移动浏览器页面应该的宽度。以下是有关该主题的更多信息（特别是针对iOS，但其他移动浏览器可以读取标记）：http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Answer 2

如果您想在移动浏览器上使用不同的行为，则必须使用特殊的移动友好型CSS。但它不必是一个单独的主题。

您可以使用@media only handheld作为css规则的序言，使其成为仅限小屏幕的移动设备。

给我们你的CSS和HTML，我会给你一个更准确的答案。