响应式屏幕设计

时间:2014-01-07 18:00:16

标签: css responsive-design

目前我们的应用程序的屏幕设计是针对台式机和笔记本电脑的分辨率而设计的,需要扩展以适用于iPad,iPhone和其他设备等不同分辨率。在大多数地方,像素已在css中使用,因此需要在许多地方进行更改。

目前我必须做的一个想法是使用媒体查询并尝试转换像素的百分比。使用媒体查询或任何其他更好的解决方案是否合适?

请建议......

2 个答案:

答案 0 :(得分:1)

如果您不熟悉响应式设计,那么我建议您查看响应式前端框架。即使您实际上并不使用框架本身,仍然值得查看代码并了解它们的工作方式,并将这些方法应用到您的站点。

答案 1 :(得分:0)

如果您要使其响应,您需要使用媒体查询,以及查询中发生变化的所有内容,您可以根据需要使用百分比和浮点数进行定位。这应该有用。