Mozilla Firefox アダプティブレイアウトの問題(会社をほぼバラバラにしたバグ)

コーダーとそのマネージャーに読むことをお勧めします。 これは、アクションのガイドではありません。



今日は2月13日です。 物語は3日前に始まりました。 実際、次の問題が発生しました。 カルーセルがあります(これはスライダーの一種です)、R&Kコーダーは、カルーセルが適応可能でないという要求を受け取りました。 ブラウザウィンドウの幅が圧縮されている場合、期待どおりに圧縮されません。 Firefox v50.1.0 32ビット、Win7 32ビットでバグが検出されました。 同時に、翌日、すべてが機能しているというメッセージとともに、奇妙な電話がお客様から出され、迅速な対応に感謝します。 なぜなら 誰もレイアウトを見ていなかったので、人々は戸惑いながらカブをひっかいて散らしました。 2日後、顧客は再度電話をかけましたが、すでに激しく/悲嘆/激しく/激しくレイアウトが再び適応性がないと叫び始め、ブラウザーが圧縮されたときにブラウザーウィンドウに押し込まれませんでした。 その時、人々は思慮深くなり、レイアウトをひねり始めました。



index.html <!DOCTYPE html> <html><head> <meta encoding="utf-8" /> <link rel="stylesheet" href="style.css" /> </head><body> <div> <label><input type="radio" name="name" checked="checked" /></label> <label><input type="radio" name="name" /><img src="1.jpg" /></label> <label><input type="radio" name="name" /><img src="2.jpg" /></label> </div> </body></html>
      
      





 style.css * {margin: 0; padding: 0; font-size: 0; } /*   */ div { margin: 20px auto; /*    */ border: 1px solid royalblue; /*     */ /*display: inline-block;   div,     */ max-width: 450px; /* 300, 400, 450, 600,    */ white-space: nowrap; /*       */ /*overflow: hidden;   overflow,     */ } input { /*display: none;   display,     */ } img { width: 100%; /*    */ }
      
      





もちろん、テストのために余分なものはすべてカットされます。 問題の意味を明確に見るため。 したがって、発見された「適応レイアウト」の問題は次のとおりです。



タイプセット、タイプセット、たとえば、より高いものを上記のFirefoxブラウザーで再実行します。 次の図が表示されます。すべては期待どおりです。たとえば次のようになります。









当然、「適応レイアウト」プレスと画像を使用してウィンドウを絞ると、これが得られます。









すべて大丈夫ですか? しかし、ここにはありませんでした...私たちはお茶を飲み、煙を吸い、戻ってきて、Yandexを開き、ニュース(メール、Habr、Rutubなど)を読み、レイアウトを開いて、これを驚かせます。









今、人を正しくします。 人は人です。 すべてを考慮することは不可能です。 バギーソフトウェアの世界では、すべてを考慮することはさらに不可能です。 次の状況が発生しています。 クライアントは1つのタブでページを開き、ブラウザーを絞って、必要なものを取得しました。 翌日、彼は2番目のタブのあるページを開きましたが、レイアウトは厄介でした。 同時に、レイアウトデザイナーは同じ方法でタブに気付きませんでした。異なる方法で開いて、異なる結果を受け取りました。 タブの数に注意を払った人はいませんでした。 彼らはきれいなVendaを上げ始め、そこを見て、Mozillaフォーラムでバグレポートを掘り始め、width / max-widthセレクタの奇妙な動作を探し始め、書くのが恥ずかしいが、非常に魅力的で奇妙な行動を取り始めましたが、タブの数は再び再び注意を払った人はいませんでした。 さらに、タブなしのクリーンなブラウザでテストページを開いたため、3時間バグを再現できませんでした。 彼らは、バグがそれ自体で消えたことに単に驚いていましたが、もちろん、タブでページを開く価値があり、特定のタブでは、バグがクロールアウトしました。 何日もの間、人々は最も美しいバタートを持っていましたが、これは私の人生で見たことがありませんでした。 もちろん、人々は少し神経を失い始め、それはほとんど開いた乱闘のポイントに達しました。 さらに、物語は意味をなしませんが、どのような状況が自分で降り注ぐかを把握することができます。



バグのあるソフトウェアの世界では注意して辛抱してください。 これは例外なくすべてに適用されます。 パフォーマーとリーダーの両方に。 もちろん、お金以外に顧客から得られるものは何もありません。



PS:レイアウトデザイナーとは何の関係もありません。 10年前のレイアウトでは、この下品なビジネスからすぐに降りてくれた神に感謝します。 私は、自分の頭を骨折した友人からの電話でこの問題を自分で解決し、この問題を解決しました。 バグは正常に再現され、上記のレイアウトは私のものです。 レイアウトはテストであり、いかなる方法でも、どのような目でも見られません。 特別に別のフレンドコーダーと呼ばれ、このバグについて初めて耳にします。



All Articles