Estoy ampliando la imagen del logotipo en el sitio web HTML y CSS en el navegador Safari de iPhone. Como ya configuré el ancho y la altura en css usando consultas de medios, pero aún recibo este problema solo en iPhones, no en Android.
Visite este enlace para obtener el código y los archivos relacionados: https://github.com/abhijeetjain101/Portfolio-Website
@media only screen and (max-width: 480px){ .logo { max-height: 20%; max-width: 40%; width: 50px; height: 40px; }¿Ha comprobado que las dimensiones de la pantalla son para su iPhone real, a veces pueden estar 1px de descuento?
*{ margin: 0px; padding: 0px; } /* Small phones line iPhone 5 SE */ @media screen and (max-width:374px) { } /* Regular phones like Iphone X + */ @media only screen and (min-width:375px) { } /* landscape mobile devices */ @media only screen and (min-width:480px){ } /* tablet portrait */ @media only screen and (min-width:768px){ } /* tablet landscape */ @media only screen and (min-width:1024px){ } /*Small Monitor Screen */ @media only screen and (min-width:1280px){} /* med Monitor Screen */ @media only screen and (min-width:1440px){} /* Large Monitor */ @media only screen and (min-width:1920px){}Este es un poco mi punto de partida para cualquier secuencia de comandos CSS para Web Dev, también asegúrese de que, si está utilizando atributos de respuesta para el tamaño de la imagen, lo reduzca o aumente en función de las necesidades de la pantalla cuando pase a una nueva consulta de medios.
solo da este código con estilo img{width:100%;}
Solo proporcione el ancho mínimo y máximo de la imagen o use% en lugar de px, esto podría ayudar