移动版本还是自适应设计?

Unlocking the Potential of Data at Australia Data Forum
Post Reply
subornaakter40
Posts: 661
Joined: Sat Dec 28, 2024 6:02 am

移动版本还是自适应设计?

Post by subornaakter40 »

那么哪个更好——网站的
网站的移动版本

首先,问问自己并确定:您是否真的需要响应式设计或移动版本?如果我们只使用橡皮筋布局会怎么样?仔细权衡利弊。考虑一下搜索引擎优化。评估您的财务能力。

自适应 20 列版本的价格至少是布局成本的 20% + 编程专家的工作(16 到 24 小时)。如果列数不同,则需要支付更多费用。移动版价格单独计算,资费从6万卢布起。

也讀吧!

“网站的年龄及其对搜索中资源推广的影响”
阅读更多
如果您不考虑橡胶站点的选项,那么还剩下 澳大利亞電話號碼 两个选项——自适应布局和移动版本。如果网络资源包含大量无法在小屏幕上显示的信息,那么优先选择后者是有意义的。或者是可能的,但前提是你将自己限制为两个按钮:购买和订购。

绝大多数情况下,最好的解决方案是自适应布局。选择她并将所有活动委托给专家。当然,你可以尝试自己做所有事情。但把这件事委托给专业人士仍然是更明智的。

如何通过设置自适应设计制作网站的移动版本
响应式设计背后有三个主要原则:

灵活布局
要创建灵活的布局,我们只需要使用相对测量单位:em 表示字体大小, % 表示元素大小。px 的使用频率相当低,而且也不算太坏,但最好还是排除或尽量减少它们。

之前本博客的宽度固定为1080px。相反,我们会将其设置为更灵活的值,比如说浏览器窗口的 90%。同时,我们确定网站的宽度仍然不应该太大。在这方面,我们最初引入了一个限制——最多 1080 像素。结果是:


结果是:

度:90%;最大宽度:1080px;左边距:自动;右边距:自动}

那么恰好90%这个数值的原因是什么呢?完全是个人愿望,并且假设最理想的情况是左右两侧缩进 5%。您可以输入 98% 或 79% - 这完全取决于您的想法。

我们继续吧。我们有两列——主列(您正在查看的列)和右列。列宽分别为 780 像素和 280 像素,但现在我们需要使用通用公式以百分比重新计算:

目标/上下文=结果

或者简单地说:

所需元素的宽度(字体大小)(单位为 px)除以父元素的宽度(字体大小)(单位为 px)= 所需结果(单位为 %(或 em))。

我们可以在这里停下来,不再讨论灵活布局,因为我们已经涵盖了所有最重要的内容,但为了让您更好地理解我们在说什么,我们将继续。
Post Reply