問題タブ [unsemantic-css]

この質問は、Unsemantic Grid Framework (unsemantic.com) に関するものです。

これは私のhtmlです：

これは、重要な側面の定義を扱う unsemantinc の CSS 部分です。

ファイルを使用していunsemantic-grid-responsive-no-ie7.cssます。理論的には、これにより 2 つの div が横に並んで作成され、一方は 30% 幅、もう一方は 70% 幅になります。gutterそれらの間には、 (Unsemantic に従って) 仕様にする場合は 20pxまたはスペースが必要です。

しかし、私は溝を得ることができないようです。divはくっついています。

何かご意見は？

Unsemantic を初めて使用しましたが、IE8 で自分のページを確認するのを忘れていました。これが災害です：http://canapin.com/web/meteo/

Unsemantic は IE8 と互換性があるはずですが、ページがめちゃくちゃになっていて、その理由がわかりません。

何か案が？:(

私は非セマンティックグリッド レイアウトを使用していますが、次のコードでは、解像度がタブレットの範囲内にある場合にbody div のサイズが 100% に変更されることを期待しています。

ただし、モバイル サイズに達するまでは 80% のままです (デフォルトでは 100% に戻ります)。次の css ファイルを含めました。

なぜそれが機能しないのか、私には本当にわかりません！

フレームワークを編集する必要がありますか? または、この div をコンテナー div の外に作成する必要がありますか? ウィンドウの 100% にまたがりたい div はメニュー div であるため、ウィンドウの 100% にまたがりたいのですが、その中のメニュー項目はグリッド システムに準拠させたいと考えています。

これについて最善の方法は何ですか？メニュー項目をグリッド内に配置し、マイナスのパディングを使用してそれを取得しますか?

どうもありがとう。

Unsemantic フレームワーク (または 960gs) でナビゲーション バーを作成する方法を知る必要があります。

私のメニュー構成は

<div> <ul> <li></li> </ul> </div>.

私はたくさん試しましたが、まだ問題を見つけることができません。

編集

wordpressを使っているので、ナビゲーションメニューを作成しています。ブラウザでレンダリングされる最終的なコードは次のとおりです。

私のWordpressマークアップは次のとおりですが：

Unsemantic Gridを使用してサイトを構築しています。ラップトップでサイトを閲覧するときは機能しますが、iPad でサイトを閲覧するときは機能しません。グリッド要素は標準のブロック要素のように動作し、別々の行に配置されます。

問題を見つけることができるかどうかを確認するために、完全に空白のサイトから始めましたが、明らかに何か間違ったことをしています.iPadではまだ動作しません.

現在のテスト ページのソースは次のとおりです (コードが吐き出されたことをお詫びします)。

style.css には、これの動作を妨げるものは何も含まれていません。ページから参照を削除しましたが、違いはありません。

使用されている css リセットはありません。

私のラップトップでは、ページは次のようにレンダリングされます。

_{(ソース: digitalformula.net )}

私の iPad では、ページは次のようにレンダリングされます。

_{(ソース: digitalformula.net )}

Unsemanticデモとソースで提供されるデモは、どちらもデスクトップと iPad で正常に動作します。これが設計の目的です。

これが欠けていることはわかっていますが、ある種のメンタルブロックがあり、指定するのを忘れていたマークアップまたは CSS がこれを引き起こしている可能性があります。

この質問に他に何を含めるかはわかりませんが、誰か助けていただければ幸いです。

ありがとう

レスポンシブフレームワークとしてアンセマンティックを使用しています。デスクトップ バージョンでは、1 行に完全に収まるフッター メニューがいくつかあります。

奇妙な理由で、モバイル バージョンが表示されるようにブラウザのサイズを変更し、デスクトップ バージョンが表示されるように再度サイズ変更すると、下部の ul にいくつかの li が表示されます。

メニュー HTML

デスクトップ CSS

モバイル CSS

最近、Unsemantic css フレームワークをいじり始めましたが、グリッドと柔軟な画像の css マークアップを使用するとうまくいかないようです。この問題を解決する方法はありますか?