2

iPadを使用しているときにサイトのボタンをクリックすることがよくありますが、iOSの機能は、デザイナーが作成した:hover状態を実際に切り替えることです。これは、実際の:hoverイベントとしてのみ意図されていました。私はこのかなり無意味な振る舞いに苦しんでいるウェブサイトを作りました。たとえば、ページを離れないボタンをクリックすることはできますが、iOSでは、そのボタンのホバー状態が永続的に表示されます。どうすればこのよく考えられていない行動を上品に取り除くことができますか?

4

2 に答える 2

0

新しいCSSファイルを追加し、最大幅のデバイスに条件付きコメントを使用してから、たとえばこれらの新しいcssファイルのホバー状態をリセットします...

iPhone

    <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="css/iphone.css" type="text/css" title="no title"/>

iPad

    <link media="only screen and (device-width: 768px)" rel="stylesheet" href="css/ipad.css" type="text/css" title="no title"/>

次に、これらのデバイスに対して出力されるcssを微調整します。

于 2012-05-14T14:41:07.953 に答える