我掌握了html,css和JS的基础知识。但我把所有这些放在一起有问题。我主要为Android
开发,我的意思是原生应用程序。我对Android layout
有很好的理解。动态布局的概念在android中很棒,当我开发应用程序时,我尽可能使用相对位置和动态大小,例如match_parent
,wrap_content
。它们非常强大,应用程序在任何屏幕上都很棒。在android中还有一种称为dp
密度无关像素的度量。这也是很棒的概念。
所以我想深入了解网页开发,但我不了解构建响应灵活页面的常用模式和技巧。
我对@media
的{{1}}和viewport
指令了解一点,但我再次无法将我的所有知识汇集在一起以开始构建自适应网页。
例如,最好使用CSS
代替percantage
,因为我可以看到大多数px
被使用,我无法理解这个概念为什么不在任何地方使用px
来制作页面响应?
也许我错过了网页开发中的重要内容,所以我为什么要问建议。
请建议一些关于构建响应式网页(基于最受欢迎的引擎Wordpress,Drupal,Joomla)的当前最佳实践的一些好文章,或者从头开始以便更好地理解。
另外一个重要的问题是如何建立移动友好的网页等
非常感谢你
答案 0 :(得分:0)
要设计自适应网页,有两种选择:
1)设计一个用于计算机的网站,另一个用于移动设备,如facebook
2)相同的设计
响应式设计有很多技巧:
1)您可以对所有内容使用百分比,但必须使用许多计算
2)你可以使用bootstrap中的网格系统
3)你可以使用媒体和最小的内容,并通过浏览器像firefox一样进行测试,以获得响应式设计视图
4)你可以在百分比和媒体之间混合。
在这种技巧中你必须知道位置和显示以及它的工作原理
主要div必须是百分比,如主体或主包装宽度100%,内部div必须取决于其宽度
答案 1 :(得分:0)
如果您希望快速使用自适应网页设计,请考虑从众多已建立的框架之一开始,例如Bootstrap或Foundation或Skeleton。还有很多其他的。
他们会在开始时为您节省大量时间,您将获得良好的跨浏览器结果。选择一个你喜欢的,跳进去,然后随时学习更多!
祝你好运!