2017-04-03 11 views
0

更新

横向きにスクロールするとブラウザがコンテンツを展開しませんか?

はまた、ここで、最小限のテストページを作成しました: https://superfly-css.github.io/superfly-css-component-button/target/test/html/test.html

フレキシボックスは、主にコンテナ要素のレイアウト・メカニズムとして使用されています。私はレンダリングエンジンのバグかもしれないと思う。私はChromeとSafariの両方で同じ動作を見ます。私のiPhone 6のポートレートモードでは、最初にレンダリングされたコンテンツが左側にクリップされます。たとえば、「W」が欠落しているとします。オリジナルのポストの

スタートは

私は、件名の挙動を示すthis test page(source code in repository)を作成しました。このページをクローム開発者ツールで縮小して見ると、うまく見えます。私は私のiPhone上のクロムで開きただし場合、それは次のようになります。上のすべてを推進している右側のhtml要素に余裕がありますように見えるつまり

enter image description here

、しかし私は、開発者用ツールで設定されたマージンを見ることはできません...思考?

+0

コードスニペットがはるかに良いだろう。 – TheDarkKnight

+0

リポジトリにソースコードへのリンクを貼り付けました。テストページは 'npm run build'を実行することでターゲットフォルダにコンパイルされます。 – Ole

+0

ここにクロムの問題があります:https://bugs.chromium.org/p/chromium/issues/detail?id=707966 – Ole

答えて

0

はこれを試してみてください:

<style> 
    html { 
     width: 100%; 
    } 
</style> 
+0

私は< html style = "width:100%">でも、それは同じようにレンダリングされます。ブラウザーは、最初はビューポートの範囲内でレンダリングされていないものを切り落としているように見えます。そのため、ページを左右に移動すると白い表示のみが表示されます。 – Ole

+0

'' 'とは? – TheDarkKnight

+0

それを身体と他の多くの場所に追加しようとしました - このユーティリティはu-width-100と呼ばれ、私のiPhoneにも同じようにレンダリングされます。 – Ole

関連する問題