Hi,
So I have a site where I used border bottom to create some rounded divider lines but I noticed on my iPhone the borders are not being rendered square instead of round. Anyone know what causes this and whether it can be fixed?
On desktop:
On Mobile:
Thanks,
Ben
Here is my site Read-Only: LINK
(how to share your site Read-Only link )
avivtech
(Aviv Shwartz)
August 19, 2019, 8:36pm
2
Hi Benni,
Can you share a read-only link?
The website is: everbaby.me
QA_Brandon
(Brandon Mosco)
August 20, 2019, 2:08pm
4
Hi @bbmettler ,
A share link will help us review your project and provide better answers for you. You can find out how to provide a share link here: Loom | Free Screen & Video Recording Software | Loom
TIA, Brandon
1 Like
avivtech
(Aviv Shwartz)
August 20, 2019, 10:10pm
6
I think that the iPhone engine is rendering a dotted border this way…
You've probably used CSS's border property often, and in almost all cases you've probably set the border-style value to "solid", which looks exactly the same in every browser. We all know there are other values for border-style, but it's likely...
Est. reading time: 5 minutes
This article mentions browsers and not OS, nevertheless, I believe that is the issue.
Solution- Use SVG? could be also inline SVG
1 Like
Cool that should work. Thanks for your help!
1 Like