タグ付けされた質問 「html」

（正方形のアスペクト比を維持するために）ブラウザのサイズを変更すると、幅に応じて高さが変わるコンテナを設定する次のコードがあります。 HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: 100%; /* forces 1:1 aspect ratio */ } .img-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } コンテナ内でIMGを垂直に配置するにはどうすればよいですか？すべての画像の高さは可変で、応答性が高いため、コンテナの高さ/行の高さを固定できません...助けてください！

135 html  css  responsive-design  vertical-alignment 

会社用に小さなHTML5 Webアプリケーションを作成しました。 このアプリケーションはアイテムのリストを表示し、すべてが正常に動作します。 このアプリケーションは、主にAndroidフォンとブラウザとしてChromeで使用されます。また、サイトはホーム画面に保存されるので、Androidはアプリ全体を（おそらくWebViewを使用して）アプリとして管理します。 Chrome ベータ（そして私はAndroidシステムWebViewもそうだと思います）は「プルダウンして更新」機能を導入しました（このリンクを例に見てください）。 これは便利な機能ですが、リストをナビゲートしているときにユーザーが更新を簡単にトリガーでき、アプリ全体が再ロードされるため、メタタグ（またはJavaScriptのもの）で無効にできるかどうか疑問に思いました。 また、これはアプリケーションに不要な機能です。 この機能がまだChromeベータ版でのみ利用可能であることは知っていますが、これも安定したアプリに搭載されているという感覚を持っています。 ありがとうございました！ 編集：Chromeベータ版をアンインストールしました。ホーム画面に固定されたリンクが安定したChromeで開きます。そのため、固定されたリンクはChromeで始まり、ウェブビューではありません。 編集：本日（2015-03-19）プルダウンからリフレッシュへの安定したクロームが登場しました。 編集：@Evyn回答から私はこのリンクをたどり、このjavascript / jqueryコードが機能しました。 コードスニペットを表示 var lastTouchY = 0; var preventPullToRefresh = false; $('body').on('touchstart', function (e) { if (e.originalEvent.touches.length != 1) { return; } lastTouchY = e.originalEvent.touches[0].clientY; preventPullToRefresh = window.pageYOffset == 0; }); $('body').on('touchmove', function (e) { var touchY …

135 android  html  google-chrome  meta-tags 

2010年に、大規模なWebポータルでUTF-8文字を含むURLを提供しますか？ URLのRFCに従って、Unicode文字は禁止されています（こちらを参照）。標準に準拠するには、パーセントエンコードする必要があります。 ただし、私の主なポイントは、見栄えの良いURLを提供することのみを目的として、エンコードされていない文字を提供することです。 RFCの内容に関係なく、すべての主要なブラウザがこれらのURLを解析しているようです。しかし、私の一般的な印象は、Webブラウザーのドメインを離れると非常に不安定になるということです。 テキストファイル、電子メール、さらにはエンコードが異なるWebサイトにコピー+貼り付けされたURL HTTPクライアントライブラリ エキゾチックなブラウザ、RSSリーダー 私の印象はここでトラブルが予想されるということで正しいので、技術者以外のユーザーにサービスを提供していて、引用されて伝えられた場合でもすべてのリンクが適切に機能することが重要である場合、（まだ）現実的な解決策ではありませんか？ HTMLで見栄えの良いURLを提供する魔法の方法はありますか http://www.example.com/düsseldorf?neighbourhood=Lörick 特殊文字はそのままコピー+貼り付けできますが、古いクライアントで再利用すると正しく機能しますか？

135 html  url  unicode  utf-8 

3秒ほどでサイトにリダイレクトされると表示されているWebサイトで機能を使用するには、どうすればよいですか？

135 html  redirect 

次のようなjQueryまたはJavaScriptイベントに関連付けられたリンクがある場合： <a href="#">My Link</a> ページが上にスクロールしないようにするにはどうすればよいですか？アンカーからhref属性を削除すると、ページが一番上までスクロールしませんが、リンクをクリックできないようです。

135 javascript  html 

<button>HTMLの要素にpng画像を表示しようとしています。ボタンは画像と同じサイズで、画像は表示されていますが、何らかの理由で中央に表示されていないため、すべてを表示することはできません。つまり、画像の右上隅がボタンの中央ではなく、ボタンの右上隅にあるように見えます。 これはHTMLコードです： <button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button> 更新： 実際に起こるのは、マージンの問題だと思います。2ピクセルのマージンができるので、背景画像がボタンからはみ出します。ボタンと画像は同じサイズで、だけな20pxので、非常に目立ちます...、を試しましたがmargin:0、padding:0役に立ちませんでした...

135 html  css  image  button 

JavaScript呼び出しを行うため<a>のhref属性のない多くのhtmlタグがありますonclick。これらのリンクには、カーソルのポインタスタイルはありません。彼らはテキストスタイルのカーソルを持っています。 href属性を使用せずに、リンクのカーソルスタイルをポインターに設定するにはどうすればよいですか？ href = "＃"を追加できることはわかっています。これはhtmlドキュメントの多くの場所にあり、href属性を使用せずにリンクのカーソルスタイルポインターを作成する方法を知りたいです。

135 javascript  html  css  hyperlink  cursor 

私はangular 2で作業していますが、次のようなものが見つかりました <input #searchBox (keyup)="search(searchBox.value)" そしてそれは動作します。 しかし、#searchBoxの意味がわかりません。どちらのドキュメントにも明確な情報は見つかりませんでした。 誰か私にそれがどのように機能するか説明できますか？

135 javascript  html  angular  typescript 

：last-childについてはすでに知っています。しかし、divを選択する方法はありますか： <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> 注：jQueryなし、CSSのみ

135 html  css  css-selectors 

次の疑似コードの例で、コンテナがfoo.barを変更したときに子が再レンダリングしないのはなぜですか？ Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } forceUpdate()コンテナの値を変更した後に呼び出しても、子はまだ古い値を示しています。

135 javascript  html  reactjs 

フォーカスを失ったときにJavaScriptコードを実行したい標準のHTML入力があります。残念ながら、私のGoogle検索では、これを行う方法が明らかになりませんでした。 それを明確にするために、私はこれを行う方法を探しています： <input type="text" name="name" value="value" onlosefocus="alert(1);"/>

134 javascript  html  javascript-events 

私はブートストラップ初心者であり、ブートストラップでコーディングしたい100％幅のテンプレートがあります。最初の列は左隅から始まり、Googleマップで右端まで伸びています。container-fluidクラスでこれを行うことができると思ったが、それはもはや利用できないようです。あなたがレイアウトを確認したい場合、私は、私は、ここにリンクをthemeforestからジオメトリPSDテンプレートを使用していますどのようにブートストラップ3とそのレイアウトを実現するためには考えています。http://themeforest.net/item/geometry-design-for- geolocation-social-networkr / 4752268

134 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

サーバー側のコードから生成されたリストを取得しました。jQueryを使用してリストに追加のものを追加する前に、すでにそこにあるアイテムの数を把握する必要があります。 <ul id="mylist"> <li>Element 1</li> <li>Element 2</li> </ul>

134 jquery  html 

テンプレートエンジンとしてHandlebar.jsを使用しています。次に、ハンドルバーテンプレートのブロックの一部をコメント化します。しかし、HandlebarはHandlebarコメントブロック内の式を無視しないことに気付きました。これの回避策はありますか？

134 javascript  html  templates  handlebars.js 

<SELECT multiple>複数のオプションを持つフィールドがあり、同時に1つのオプションのみを選択できるようにしたいのですが、ユーザーはCTRLキーを押しながら一度に複数のアイテムを選択できます。 それを行う方法はありますか？（「複数」を削除したくありません）。

134 html  html-select