灵活而动态的网页技术

时间:2016-02-13 08:41:29

标签: javascript android html css responsive-design

我掌握了html,css和JS的基础知识。但我把所有这些放在一起有问题。我主要为Android开发,我的意思是原生应用程序。我对Android layout有很好的理解。动态布局的概念在android中很棒,当我开发应用程序时,我尽可能使用相对位置和动态大小,例如match_parentwrap_content。它们非常强大,应用程序在任何屏幕上都很棒。在android中还有一种称为dp密度无关像素的度量。这也是很棒的概念。

所以我想深入了解网页开发,但我不了解构建响应灵活页面的常用模式和技巧。
我对@media的{​​{1}}和viewport指令了解一点,但我再次无法将我的所有知识汇集在一起​​以开始构建自适应网页。
例如,最好使用CSS代替percantage,因为我可以看到大多数px被使用,我无法理解这个概念为什么不在任何地方使用px来制作页面响应?

也许我错过了网页开发中的重要内容,所以我为什么要问建议。

请建议一些关于构建响应式网页(基于最受欢迎的引擎Wordpress,Drupal,Joomla)的当前最佳实践的一些好文章,或者从头开始以便更好地理解。
另外一个重要的问题是如何建立移动友好的网页等 非常感谢你

2 个答案:

答案 0 :(得分:0)

要设计自适应网页,有两种选择:

1)设计一个用于计算机的网站,另一个用于移动设备,如facebook

2)相同的设计

响应式设计有很多技巧:

1)您可以对所有内容使用百分比,但必须使用许多计算

2)你可以使用bootstrap中的网格系统

3)你可以使用媒体和最小的内容,并通过浏览器像firefox一样进行测试,以获得响应式设计视图

4)你可以在百分比和媒体之间混合。

在这种技巧中你必须知道位置和显示以及它的工作原理

主要div必须是百分比,如主体或主包装宽度100%,内部div必须取决于其宽度

答案 1 :(得分:0)

如果您希望快速使用自适应网页设计,请考虑从众多已建立的框架之一开始,例如BootstrapFoundationSkeleton。还有很多其他的。

他们会在开始时为您节省大量时间,您将获得良好的跨浏览器结果。选择一个你喜欢的,跳进去,然后随时学习更多!

祝你好运!