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

Specially if I'm working with css keyframe animations.

4/11/2019 9:49:05 AM

Aakaanksha Vashisht💕

16 Answers

New Answer


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-


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 😅 (❤️💕💜🍪🍫🍩🍬🍭💜💕❤️) ________________________________


$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!


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


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


Bad_Bit is right


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


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


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


https://css-tricks.com/how-to-deal-with-vendor-prefixes/ See if this helps..


Use webkit






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


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