使我的定制tumblr移动友好

-1

我试图让我的tumblr移动友好。就像我在移动网站上访问网站时一样，它的外观和行为与主要网站相同，但体积较小。目前它的方式太大了。我曾尝试使@css代码进出.css。我还增加了：使我的定制tumblr移动友好

<meta name="viewport" content="width=device-width; initial-scale=1.0">

（有没有运气。）

我认为我特地为我用它，我需要认真的帮助到底。我不想花钱购买每月网站只是为了转换它，因为我敢肯定有一个出路（但我还没有找到它）我的编码技巧是相当新的（所以请分解它），但我是一个快速学习;）

网站：www.wordlessmedia.com

来源

2014-10-31 rose

根据网站设计的方式，使其移动友好可能是一个挑战 - Bootstraps框架使其变得简单，但转换为自举可能是一个挑战。 – tymeJV 2014-10-31 15:33:01

谢谢。我看着bootstrap，并从字面上不知道从哪里开始：它只是给了我一堆文件。该网站是刚刚定制的原始翻滚主题。我认为也许我放置了一个错误的代码：s – rose 2014-10-31 15:45:07

'width = device-width'真的很有用，但是你应该使用与它成比例的css。标准的移动屏幕宽度为〜320px（iPhone网络视图标准），但您的轮播是1000px，因此它不适合屏幕。你可以通过使用'width = 1000'等来破解宽度，但它不适用于每个移动设备。 – nepeo 2014-10-31 16:04:43

尝试寻找到bootstrap CSS框架，这是非常容易上手，并且设计时考虑到智能手机/平板电脑（+看起来惊人的工作）。

来源

2014-10-31 15:31:19 Paradoxis

谢谢。我看着bootstrap，并从字面上不知道从哪里开始：它只是给了我一堆文件。该网站是刚刚定制的原创tumblr主题。我想也许我放置了一个错误的代码：s - – rose 2014-10-31 15:49:16

让Tumblr博客在移动设备上表现出色，遵循与正规HTML页面相同的规则; HTML和CSS都需要编辑。

添加<meta name="viewport" content="width=device-width" />或<meta name="viewport" content="width=device-width; initial-scale=1.0">你的HTML模板
添加与媒体查询CSS;这取决于你的战略，你可以使用流体布局或断点

根据经验，一个简单的响应CSS的策略规则：

避免设置绝对宽度（例如使用%代替px PR em。）
如果您必须设置绝对宽度，请使用媒体查询更改此宽度以适应不同的显示宽度
如果您有多个相邻元素，请考虑将它们放在单个列中小屏幕。
缩放图像以适合其各自容器宽度的简单方法是img, video {max-width:100%};如果没有足够的空间，这将缩小图像

请参阅http://blog.3960.org/以获取响应式Tumblr博客的实时示例（我不得不承认这是我的博客:)）。在http://cdn.3960.org/_style/style.css上有一个小样式表，它通过设置断点来定义一些流体和其他事物。

来源

2014-10-31 16:14:14 fboes

太好了！我现在要尝试一下。在令人兴奋的样式表中，有一些媒体查询（但他们不工作），我应该删除它们并添加我自己的移动CSS或shalli留下令人兴奋的样式表，并安排我自己的移动CSS（它会覆盖激动人心的？）Ansive将放在我的html头部后面之后。这可以吗？ – rose 2014-11-03 08:48:39

只要在''中，''''''''''''''''视口的位置取决于您。 “@ media”规则是可选的，只有当您想要改变某些分辨率的页面行为时才需要。 – fboes 2014-11-03 10:19:43

使我的定制tumblr移动友好

回答

相关问题