問題タブ [yui-pure-css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 2 列の Pure CSS レイアウトが機能しないのはなぜですか?
シンプルなMeteor Web アプリケーションを作成しようとしていますが、 Pure レスポンシブ グリッドを介して定義された機能する 2 列のレイアウトを作成するのに既に苦労しています。問題は、以下のスクリーンショットに示されています。見出しは 2 列 (行) ではなく 1 行に 2 列にする必要があり、「サイドバー コンテンツ」は「Ace Editor Demo」の左側の列に配置する必要があります。
また、私のアプリケーションのライブ バージョンにアクセスして、自分で問題を確認することもできます。さらに、プロジェクトをgithubで公開しました。
意図した 2 列のレイアウトが意図したとおりに機能しない理由を誰かが指摘してくれたら、とてもうれしいです。Chromium 28.0.1500.71 と Firefox 23.0 でテストしました。
コード
スタイリング
これはアプリケーションのスタイル シートです ( Stylusで記述)。
HTML
アプリケーションの HTML、Angular テンプレート (angular.html) および部分 (partials/home.html)。ルート div は純粋なレスポンシブ グリッド (クラスpure-g-r) を定義し、列はクラスpure-u-1-5(左の列) とpure-u-4-5(右の列)によって定義されていることに気付くかもしれません。
angular.html
パーシャル/home.html
css - pure-g と pure-gr の違い
pure-g と pure-gr の違いは何ですか?以前は、レスポンシブにより div が低解像度で崩壊しないと考えていましたが、pure-g を使用しても同じことが達成できたので、混乱しました。それらの間の正しい違いは何ですか。
[mozilla のレスポンシブ ビューを使用してテストしていたことを述べておきます]
また、この疑問に加えて、Web サイトをモバイルやタブレットなどに対応させるために、pure-mobile などの純粋なクラスについて言及している多くのブログを見てきました。しかし、独自のhttp://pure.css.ioサイトには説明が見つかりませんでした。
responsive-design - 画面サイズ変更時にスクロールするレスポンシブメニューdivの作り方
purecss を使用してレスポンシブ Web サイトを作成しています。私のページには HEADER と FOOTER があります。それらの両方が固定されており、それらの間に垂直メニューがあり、右側にいくつかのコンテンツがあるコンテンツがあります。
これを達成したいのは、サイズ変更が行われたときに、左側のサイドメニューには独自のスクロールバーがあり、右側のコンテンツにもそれがあるはずです。さらに、メニューDIVはフッターやヘッダーと混ぜないでください。
よくわかりませんが、この問題を解決するには mobile-webkits を使用する必要がありますか?
役立つものを見つけました: http://filamentgroup.github.io/Overthrow/examples/2-column/
これが唯一の方法ですか、それともこれで私を助けることができる他のライブラリはありますか?
forms - purecss.io フレームワークを使用したラジオ ボタン グループのスタイリング
先日、YUI チームによってリリースされた一連の CSS モジュールである Pure プロジェクトに出くわしました。Web サイト全体でフォームを標準化したかったので、フォーム モジュールの外観が気に入りました。特に、整列フォームと呼ばれるフォームのスタイル。CSS をサイトに追加し、必要なスタイルをフォームに追加したところ、ラジオ ボタンのグループを除いてすべてうまく機能しました。Aligned Form では、各入力の左側にラベルがあり、そのラベルの右側に入力があります。ただし、個々のラジオ ボタンには個別のラベルがあり、ボタンの右側にスタイルが設定されます。私が探しているのは、左と中央にスタイル設定されたボタンのグループに全体的なラベルを追加する方法です。
私は回避策を見つけましたが、専用の「純粋な」方法を探しています。
私の回避策は、フィールドセット内にラジオを含め、フィールドセットの凡例をラジオ グループのラベルとして使用することでした。
Pure Aligned Forms を使用している他のユーザーから、これをどのように処理したかを聞いていただければ幸いです。
html - CSS: 純粋な CSS フレームワークを使用して HTML にスタイル タグを含める必要があるのはなぜですか?
Pure CSS フレームワークを使用した HTML にスタイル タグを含める必要があるのはなぜですか? ドキュメントにもありますhttp://purecss.io/buttons/「角の丸い色付きボタン: 成功ボタン」セクションを見ています。
（このCodepenを見てください -左下の編集ペンをクリックしてください）
動作するhtmlのスタイルタグのコメントを外していますか？cssファイルから取得できないのはなぜですか?