17

内部で Web ページを使用する Windows Phone 8 用の Phonegap アプリケーションがあります。そのdiv内のオプションで<div>要素内にボタンを作成します。data-role="footer"また、ボタンはその中にオプションを持つ<a>要素です。data-role="button"

ボタンは常に適切にレンダリングされるとは限りません。角の問題がいくつか見られます。角は丸くなっていませんが、青のきれいな丸みを帯びた角ではなく、90 度の白い角になっています。

一部の HTML5 機能や jQuery 機能をサポートしていない Windows Phone 8 に関する既知の問題はありますか?

編集1：

ソース (重要な部分):

TestButton.java:

public class TestButton extends Widget {
       private static TestButtonUiBinder uiBinder = GWT.create(TestButtonUiBinder.class);

       interface TestButtonUiBinder extends UiBinder<AnchorElement, TestButton> {}

       AnchorElement mAnchor;

       public TestButton() {

            mAnchor = uiBinder.createAndBindUi(this);

            setElement(mAnchor);

            mAnchor.setAttribute("data-role", "button");
       }
}

..および TestViewImpl.java:

    @UiField
    TestButton mBackButton;

    @Override
    public TestButton getBackButton() {
        return mBackButton;
    }

.. および TestViewImpl.ui.xml:

  <b:TestButton ui:field="mBackButton" dataIcon="arrow-l"
                title="{mI18n.back}" toolbarRight="true" />

編集2：

IE9 の <a> の Border-radius バグは、css3 タグのいくつかの組み合わせがうまく連携しない場合に、css3 の成熟していない性質が原因で同様の問題が発生する可能性があることを示しています。

現在、私のボタンは Firefox で次のようにレンダリングされます。

<a style="font-weight: bold;" data-role="button" data-icon="check" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-btn-hover-b ui-btn-up-b"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Back</span><span class="ui-icon ui-icon-check ui-icon-shadow">&nbsp;</span></span></a>
4

3 に答える 3

3

誰かが回避策を提案しない限り、私の現在の調査によると、これは jQuery 自体のバグであり、回避策は jQuery の外で見つけるか、jQuery 自体を修正する必要があります。

ソース: jQuery のデモ ページを見てくださいSwatch "a"。あなたは奇妙なコーナーを観察します。Lumia 920をテストしました。

解決策: 1.4 を待って最良のものを期待するか、手動で 1.2 と 1.3 を組み合わせて両方の最良の部分を選択します。

編集された解決策:はい、1.4.0 があり、問題は解決されたようです :) 全体のルック アンド フィールが変更されたため、問題は解消されました。

于 2013-05-15T09:50:11.147 に答える
0

このリソースによると、Windows Phone 7.5 以降は CSS 3 基本スタイル (不透明度、背景、テキスト効果、角の丸み) を完全にサポートしています。つまり、発生しているレンダリングの問題は非互換性によるものではありません。

-ms プレフィックスを使用して、IE 9+ CSS3 の完全な機能を確保することをお勧めします。たとえば、次のようになります。

div {
    -ms-border-radius: 2px;
        border-radius: 2px;
}

(CSS プレフィックスは、ブラウザーの製造元がドラフト CSS3 機能のバージョンを実装するために採用したものです。標準が成熟するにつれて、多くの場合、これらのプレフィックスは時代遅れになりつつあります。それ以外の場合は、まだ必要です。IE10 での継続的な使用については、こちらを参照してください。)

于 2013-05-01T07:26:22.733 に答える
0

WP8 の WebBrowser コンポーネントで円形のボタンを四角形にレンダリングしようとすると、同様の問題が発生しましたborder-radius:。

解決策: 追加:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<head>セクションの先頭へ

于 2015-01-24T13:33:08.980 に答える