CSS を使用して、モバイル デバイス用の流動的なレイアウトを作成したいと考えています。
いくつかの例を提案できますか?
私はいくつかの例を試しましたが、向きの変更の問題に取り組むために戦っています。
向きを変えると、第一にアーキテクチャの再調整に時間がかかり、第二に、Divs(アーキテクチャ)が少し歪むことがあります
固定された流動的なレイアウトを作成する方法はたくさんあります。
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/
このリンクを試してくださいhttp://csslayoutgenerator.com/
fluid and fixed layout
上記のリンクのオプションを使用して作成できます