html - .如何使用 css 创建流畅的布局，使其适用于所有设备以及横向和纵向模式

Question

我想在 CSS 的帮助下为移动设备创建一个流畅的布局..

你能推荐一些例子吗？

我已经尝试了一些示例，但我正在努力解决方向变化问题。

当我改变方向时，首先需要时间来重新调整架构，其次有时 Divs（架构）会有点扭曲

Answer 1

试试这个链接http://csslayoutgenerator.com/

您可以fluid and fixed layout使用上面链接中的选项创建

Answer 2

有很多方法可以让您拥有固定和流畅的布局：

Bootstrap- http://twitter.github.com/bootstrap/

Use of Media Queries- 我最喜欢的

@media screen and (max-device-width : 320px)
{
  body or yourdiv element
  {
    width:<size>px/em/cm;
  }
}
@media screen and (max-device-width : 1204px)
{
  body or yourdiv element
  {
    width:<size>px/em/cm;
  }
}

使用专门为移动设备设计的模板，如下所示：-

Mobile Jquery- 使用他们的 CSS http://jquerymobile.com/