問題タブ [skel]

私は skel.js フレームワークが初めてで、いくつかの問題があります。

HTML5UP.net (Zerofour テーマ) からテンプレートをダウンロードし、自分のサイト用にすべて変更しましたが、CSS がサイドバーのないページと左側のサイドバーのページに正しく表示されません。

次のリンクが含まれています（テンプレートと同じです）：

noscript をバイパスすると、Web ページは正常に表示されますが、すべてのモバイルおよび流動可能な機能が失われます。

どんなアイデアでも大歓迎です！

アドオン: ページをルート ディレクトリに移動してリンクを更新すると、CSS は機能しますが、子ディレクトリでは基本的なレイアウトのみが機能します。

申し訳ありませんが、これに適切なタイトルを付ける方法、または tl;dr 形式で説明する方法がわかりません。そして、私は立ち往生しています。skel.js と skel-panels を使用するテンプレートを使用して、サイドバーでレスポンシブ レイアウトを行いました。次に、バックストレッチを追加し、ロゴを常に画面の右下に配置するようにしました（狭い/モバイルビューでない限り-しかし、その部分はほとんど把握しています）

それ自体で動作するように下部を揃えましたが、他のすべてのものと一緒に配置すると、ロゴが表示されません (ワイド ビューで)。そして、それを skel-panels.min.js に絞り込みました (コードから省略し、他のすべては正常に動作します)

私はそれを理解する方法がわかりません。私のコードは今ではかなり混乱しているので、どこかで何かをした可能性がありますが、スケルトンパネルが削除されると、ほとんど正しく動作するようです.

http://staygold.ca/wood2/index.html

自分の能力の範囲外のことをやりすぎていると思いますが、この1つのことを除けば、うまくいくようです

おそらく2つの可能性があります-「狭い」ビューまたはそれよりも小さい場合にのみskel-panelsを使用するため、通常のビューと広いビューでのみオフにします-それが可能かどうかもわかりません

またはどういうわけか、ロゴ CSS がパネルをオーバーライドするようにしますか? そのdivをページ全体のオーバーレイにするようなものですか？

編集：これらの位置をいじると、さまざまなことが起こりますが、下隅に配置するための正しいコンボを取得できません（ロゴは表示されますが、たとえば右上にあります）。これがスケルトンパネルなしで役立つかどうかはわかりませんが、試してみる価値はあります

HTML

CSS

参考サイトを作ってみました。「Skel」という新しいフレームワークを使用しています。とてもクールですが、特定のドキュメントはありません。ナビゲーションバーのボタンを右ではなくタイトルの横に配置する方法を知りたいです。私が使用しているコードは次のとおりです。

style.css のナビゲーション バーの内容は次のとおりです。

skel フレームワークを使用するレスポンシブ サイト用のテンプレート (html5up.net/prologue) を使用しています。

かなりの URL からアクセスする場合を除いて、サイトは完全に正常に動作します。例: example.com/fake-dir/. dir fake-dir は存在せず、きれいな URL により Web サーバーはルート ディレクトリを参照します。プリティ URL を使用すると、何らかの理由で css スタイルが適用されません。Prety URL を適用する私の .htaccess は次のとおりです。

問題を init.js まで追跡しましたが、js が css ファイルを適用しようとしている方法に関係していると感じています。ルート ディレクトリ/css のプリティ url ディレクトリ/css で css ファイルを探していると思います。ここに示すように、さまざまなスタイルで init.js の先頭に絶対パスを追加しようとしましたが、うまくいきませんでした。'global': { 範囲: '*', href: 'example.com/css/style.css', コンテナ: 1400, グリッド: {ガター: 40 }, ビューポート: { スケーラブル: false } },

これが init.js ファイル全体です。どんな助けでも感謝します。

現在、基本的な Web サイトに skel フレームワークを使用しています。ナビゲーションをマルチレベル ナビゲーション (ドロップダウン) にする必要があります。組み込みの機能はありますか、それともプラグインを含める必要がありますか? 私の現在の設定では、単一レベルのナビゲーションはうまく機能していますが、UL & LI タグをネストすると、ページが壊れます。

私が取り組んでいる Web サイトで Skel.js と Skel-layers.js を使用しています。修正された HTML5Up テンプレートに取り組んでいます: http://html5up.net/escape-velocity

私が直面している問題は、折りたたみ可能なナビゲーションが iOS で機能しないことです (私は Safari と Chrome の両方を試しました)。折りたたみ可能なナビゲーションは、他のすべての Web ブラウザーとモバイル デバイスで動作します。元のテンプレートは iOS で動作します。

HTML 構造と JS は同じです。CSS 内のすべての変更は、私が見つけた影響はありません。style-mobile.cssの要素を削除し、Macbook の iOS エミュレーターで変更をテストしてきました。

私が取り組んでいる Web サイトはhttp://havenlea-farms.co.uk/です 。折りたたまれたナビゲーション アイコンをクリックすると、iOS で応答がありません。

原因が何であるかについて誰かが何か考えを持っていますか? 質問構造が良くないことは承知しています。

私のビジネス Web サイトは、もともとベースライン テンプレートを使用して、Skel フレームワーク上に構築されていました。その結果、多くの CSS/SCSS がバンドルされています。

サイトを構築する際には、Arimo フォントを使用しました。リンクは次のとおりです。

https://www.google.com/fonts#UsePlace:use/Collection:アリモ

これは、Skel サイトでのテキストの外観です。

しかし、関連性がほとんどないいくつかの理由により、サイトをゼロから構築し、Skel と Baseline から離れることを決定しました。

同じフォントと一般的なデザインを使用していますが、同じフォントを使用しようとすると、レンダリングが非常に異なります.

私のコードには、レンダリングの変更を示す CSS がありません。何か助けはありますか?