Some web-codes don't work on ios(apple) but works on android, What approach should i follow to support all devices?

Question

Specially if I'm working with css keyframe animations.

Answer 1

Aakaanksha💕

No you dont have to
all modern browser supports most of the things in standard form if you want to code things on Sololearn , you only need to worry about -webkit-

IOS and Android uses -webkit-

Answer 2

thank you $hardul Birje
& Bad_Bit my doubts are clear now. I don't know which one i choose for best answer, You both help equally 😅

(❤️💕💜🍪🍫🍩🍬🍭💜💕❤️)
________________________________

Answer 3

$hardul Birje
You mean to say for every css property i have to use prefixes like
- webkit-
-moz-
-o-
-ms-
Right?

so i have to write a single property 5 times or so by this way? Is it the only way!

Answer 4

$hardul Birje
Bad_Bit
so is only -webkit- is enough or i have to write all prefix?

Answer 5

-webkit- and other prefixes should do the work for you 😅

Answer 6

https://www.sololearn.com/learn/CSS/2237/
https://www.experts-exchange.com/questions/29035520/CSS-not-loading-on-IOS-devices.html

This may help you out

Answer 7

If someone uses Old version of IOS or Android there are certain things that are not supported by default because they have not been finalized into standard modal

keyframes and animation is one of them

you have to attach prefix -webkit- for old devices and for new devices you do not need to because its now in standard CSS

Answer 8

Bad_Bit deserves the best answer.. I did basic link markings!! 👍😉

Answer 9

https://css-tricks.com/how-to-deal-with-vendor-prefixes/

See if this helps..

Answer 10

Use webkit

Answer 11

Yup

Answer 12

SQL

Answer 13

Selam

Answer 14

Disculpame pero estoy cansando, sigo en otro momento, hasta luego

Answer 15

for(var i=0; i<2;i++) {
console.log(i*2);
for(var k=0; k<4;k++) {
console.log(k+1);
}
}