iPhone-6,7,8 for mobile responsive issue - Safari browser ke liye kaise hum media query likh sakte hai? Aapne web page ko responsive view mobile and tab banne ke liye or safari browser me sahi se khule, web designer website bna dete hai lakin wo site sabhi browsers me sahi se open nahi hoti hai, yaha code ko apne style file me use krni hai, aapne style ke last me use kr sakte hai, es code ko copy kr ke apne style me paste kr dena hai.

Safari browser iPhone and iPad for media query css code

Safari browser ke liye media query css code

iPhone responsive issue css media query for safari browser

Css code kaise likhna hai, sabse pahle aapko @media screen and (-webkit-min-device-pixel-ratio:0) use kana hai or uske bad apne class ke aage ::i-block-chrome, add jarur krna hai,

Css code niche diya hai or code ko copy kare, yaha code only safari browser ke liye he use hoga.

@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .test-class { width:100%; background:#ff0000;color:#fff; } }


Yaha media query css ko overriding krti hai safari browser me.yadi aap website ko responsive mobile and tab view banna chahte ho to uske liye aapko ye media query css code use krna hai apne stylesheet me.

Css code niche diya hai responsive mobile and tab view webpage design ke liye or code ko copy kare, apne stylesheet me paste kare, yaha code only safari browser responsive view ke liye kam karega.

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:768px){::i-block-chrome, .test-class { width:50%;background:#ff0000;color:#fff; } }


Media query css code ko aap max-width apne hisab se likh skate hai, jaise apki jarut ho, yaha css code aap apne responsive view mobile and tab safari browser ke liye use kr sakte.