更具体地说，我有一个单列 Tumblr 博客。当有人从移动设备点击它时，我不想使用通用的“移动友好”主题。我希望单列填充宽度而不拉伸内容的宽度或使字体大小变大。
本质上，我想“缩放”到内容，而无需用户双击屏幕。
问问题
299 次
2 回答
3
你需要几件事：
您需要一个仅限移动设备的 CSS 文件来更改样式（通常更简单，图像更少或更小）。您可以使用“@media”标签来完成此操作。这里有一篇关于这种方法的好文章：http: //mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-网站/
确保使用“元视口”标签来设置页面的宽度。这将正确“放大”您正在谈论的文本。它告诉移动浏览器页面应该有多宽。以下是有关该主题的更多信息（专门针对 iOS，但其他移动浏览器可以读取该标签）：http: //developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport。 html
于 2012-09-11T15:05:38.843 回答
1
如果您想在移动浏览器上使用不同的行为，您将不得不使用特殊的移动友好 css。不过，它不必位于单独的主题中。
您可以在 css 规则前面加上@media only handheld，使其仅针对具有小屏幕的移动设备。
给我们你的css和html，我会给你一个更准确的答案。
于 2012-09-11T14:38:41.507 回答