Q&A
▼問題の現象
下記コードをパソコン環境にて確認した際、
「table」内（th td）の「boder（罫線）」が消えているが、
モバイル端末を使用し、同コードを確認すると、
特定の状況でのみ「boder（罫線）」が表示されてしまう。
▼現象発生時の手順
①「ios」または「android」端末を使用し、任意のブラウザで下記コードを確認
②「boder(罫線)」が薄く表示されてるのを確認
③画面をpinchして、最大までアップにして再度確認する
④上記現象が発生せず、セルとの間に「boder（罫線）」が表示されていない事を確認
▼解決したい現象
モバイル環境でも、常に罫線を表示させないようにしたい
▼補足
現象発生個所の画像を添付致します。
87707b3229805d5ac7fb.jpeg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja"> <head><title>a</title> <META http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- table { border-collapse: collapse; width:460px;width:100%; table-layout: fixed;border:none;} td, th { font-size:15pt;padding: 5px; border:none; width:100%;layout: fixed;font-family: "Meiryo",sans-serif;layout: fixed;} th.test {font-size: 15px; font-weight:bold;height: 50px; background-color: #83A8F0; } td.test4 {font-size: 14.5px;font-weight:normal;text-align: left; height: 40px; left;background-color: #ffffff;} td.test5 {font-size: 14.5px;font-weight:normal;text-align: center; vertical-align: middle ;height: 40px;background-color: #ffffff; } --> </style> </head><body> <table border="1"> <thead> <tr> <th class="test"><span style="color:#ffffff;">1</span></th> <th class="test"><span style="color:#ffffff;">2</span></th> <th class="test"><span style="color:#ffffff;">3</span></th> </tr> </thead> <tr> <td class="test4"><span style="color:#313131;">4</span></td> <td class="test5"><span style="color:#313131;">5</span></td> <td class="test5"><span style="color:#ff0000;">6</span></td> </tr> </tbody> </table> </body> </html>
回答1件
0
ベストアンサー
多分ですがそれは罫線ではなく幅計算の誤差で線が出ている状態なのでは。（うまく説明できませんが）
下記のようにしても出ますか？
CSS
1thead>tr {background-color: #83A8F0;}
投稿2017/07/29 06:05
総合スコア69625
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/29 06:08
2017/07/29 06:15