我想在 CSS 的帮助下为移动设备创建一个流畅的布局..
你能推荐一些例子吗?
我已经尝试了一些示例,但我正在努力解决方向变化问题。
当我改变方向时,首先需要时间来重新调整架构,其次有时 Divs(架构)会有点扭曲
试试这个链接http://csslayoutgenerator.com/
您可以fluid and fixed layout
使用上面链接中的选项创建
有很多方法可以让您拥有固定和流畅的布局:
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/