Irshad2809.github.io/irsh

Irshad2809.github.io/irsh
0.0 0

#1

this is a demo portfolio of me .
the issue is that it looks different on android facebook in-app browser . (basically its ignoring some css ). my quetion is that how do i debug this issue .


#2

Can you post the css it seems to be ignoring? Explain what you should see and then what you see instead.


#3

Normal browser☝️

:point_up:️ From Facebook browser .

css : `
.Aproject {
background-color: #00000000;
border-bottom: 1px solid hsla(0, 0%, 100%, .2);
margin: 0;
color: transparent;
-webkit-text-stroke: 2px #fff;
text-stroke: 2px #fff;
cursor: pointer;
}

.Aproject:hover {
background-color: #000;
color: #fff;
}
`


#4

I believe technically the in-app Facebook browser is just a webview and not an actual browser. I do not know the ins and outs of what limitations their webview has in terms of CSS rendering. Hopefully, someone else with more experience with this will chime in.