問題タブ [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.
google-maps - YUI ピュア グリッド マングル Google マップ コントロール
YUI Pure のサイズ変更可能なグリッドを使用しています。要素の 1 つは、Google マップを格納する必要があります。マップは問題なくレンダリングされ、マーカーなどは問題ありません。一方、Google マップのコントロールは見分けがつかないほど壊れています。ズームインおよびズームアウトのボタンは表示されません。この問題を解決した人はいますか？問題の HTML は次のようになります。
css - Pure CSS (YUI から) で垂直方向に整列
YUI から PureCSSvertical-align: middleを使用して要素に追加するにはどうすればよいですか?
同じ高さの 3 つの要素があり、「内側」にvertical-align: middle.
=> jsfiddle を確認してください: http://jsfiddle.net/kn88b/1/
最も近いのは でしたがdisplay: table; width: 100%、このバグは「モバイル バージョン」であるため、すべてのバージョン (タブレット/デスクトップ/モバイル) のソリューションが必要です。
css - Safari のレスポンシブ列
Pure.css を使用してサイトを作成しました。Safariを除いて、私が望むすべてのものでうまく動作するようです（正確には私の友人のMBPrで）
私がテストしたすべてのブラウザで、これを取得しました： http://www.coflash.com/stuff/whatiget.jpg
Retina Macbook の Safar でテストすると、次のようになり ます。
URL は http://www.phill.com.au/work/commsec/です。
これは丸め誤差によるものですか？私はRetina Macbookを持っていないので、テストできません.Windowsしか持っていません:/
問題が何であるかを特定できれば、それを修正して、彼にもう一度見てもらう可能性が高くなります. 現時点では、この問題に関するものは見つかりません。
ありがとう
html - Pure CSS で div がスタックする原因となる空白
Pure CSS を使用してサイトをレイアウトしていますが、問題が発生しました。ネストされたグリッド要素の間に空白がある場合、レイアウトが壊れ、最後の div が次の行にプッシュされます。それが私だけのものであるかどうかをテストするために、できるだけ少ないテスト Web サイトを作成しましたが、まだ問題が発生しています。
このコードの結果は次のようになります。
次のように、div の間から空白を取り除くと、
それはそれ自体を修正します：
この問題は、Chrome と Firefox の両方で発生しています。これは純粋な CSS の問題ですか、それとも私がひどく間違ったことをしているのですか?
編集: YUI Pure CSS に固有の解決策を見つけました。レイアウトをネストするには、列の各セットを独自の.pure-gdiv に含める必要があります。これについては、 Github issueで詳しく説明しています。