tatsumipoid https://blog.hatena.ne.jp/tatsumipoid/ 付箋的メモ帳 https://tatsumipoid.hatenadiary.org/ CSS 最近始めたスマホのブラウザ系アプリ開発最中に嵌ってしまったborder表示バグについて。 galaxy s2のborderは1pxだと太さが不均一になる div、Table、td、ul、liなど要素に対して1pxのborderを設定すると、縦横の太さがそろわなくなる。 主にに縦線が太くなる。 奇数、偶数で交互に太さが変わる。 原因はborderに奇数の数値を設定したこと 1pxのdottedだと顕著ですが、奇数を設定するとドットの大きさが正方形になってない。まるでdashedのようになってます。 対処法はborderに偶数の値を設定する borderは奇数の数値を設定しない。 2px、4pxな… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftatsumipoid.hatenadiary.org%2Fentry%2F20130802%2F1375449627" title="galaxy s2のborder表示で気付いたこと - 付箋的メモ帳" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-08-02 22:20:27 rich https://tatsumipoid.hatenadiary.org/entry/20130802/1375449627 1.0 100%