# Image size changes on iOS and Windows

**URL:** <https://community.hubspot.com/t/image-size-changes-on-ios-and-windows/25495>\
**Category:** CMS Development\
**Created:** [September 15, 2020, 6:25pm UTC](https://community.hubspot.com/t/image-size-changes-on-ios-and-windows/25495 "2020-09-15T18:25:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![karanmonga](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/karanmonga/32/98942_2.png) [@karanmonga](https://community.hubspot.com/u/karanmonga)\
**Post date:** [September 15, 2020, 6:25pm UTC](https://community.hubspot.com/t/image-size-changes-on-ios-and-windows/25495/1 "2020-09-15T18:25:38Z")

</div>

I am using the [Sprocket.io](http://Sprocket.io) theme to build webpages and am experiencing issues with image sizing across operating systems.

![]()Windows ![]()iOS

The images are supposed to be responsive however they become smaller on iOS

---

<div class="post-metadata">

**Author:** ![DanielSanchez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/danielsanchez/32/48193_2.png) [@DanielSanchez](https://community.hubspot.com/u/DanielSanchez)\
**Post date:** [September 16, 2020, 12:33pm UTC](https://community.hubspot.com/t/image-size-changes-on-ios-and-windows/25495/2 "2020-09-16T12:33:48Z")

</div>

Hi @karanmonga ,

U can send link of this page or preview page for us to see how it looks in the code?

Thanks! 🙂

---

<div class="post-metadata">

**Author:** ![Venki](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/venki/32/87988_2.png) [@Venki](https://community.hubspot.com/u/Venki)\
**Post date:** [September 16, 2020, 6:03pm UTC](https://community.hubspot.com/t/image-size-changes-on-ios-and-windows/25495/3 "2020-09-16T18:03:53Z")

</div>

Hi Karan,

For mobile view,

Try css media queries and increase the height and width of the image accordingly

based on your requirement.

Let me know if this solution worked for you.

**For your reference:**

iPhone 10

[@media](https://community.hubspot.com/t5/user/viewprofilepage/user-id/83477) only screen  
and (min-device-width : 375px)  
and (max-device-width : 812px)  
and (-webkit-device-pixel-ratio : 3)

{

**.your\_css\_rule**

**{ width:“” ;**

**height:“”;**

**}**

}

iPhone 6, 7, & 8

[@media](https://community.hubspot.com/t5/user/viewprofilepage/user-id/83477) only screen  
and (min-device-width : 375px)  
and (max-device-width : 667px)

{

**.your\_css\_rule**

**{ width:“” ;**

**height:“”;**

**}**

}

iPhone 6, 7, & 8 Plus   
[@media](https://community.hubspot.com/t5/user/viewprofilepage/user-id/83477) only screen  
and (min-device-width : 414px)  
and (max-device-width : 736px)

{

**.your\_css\_rule**

**{ width:“” ;**

**height:“”;**

**}**

}

_Hope you will find the media queries for the remaining devices._

---

<div class="post-metadata">

**Author:** ![karanmonga](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/karanmonga/32/98942_2.png) [@karanmonga](https://community.hubspot.com/u/karanmonga)\
**Post date:** [September 21, 2020, 3:53pm UTC](https://community.hubspot.com/t/image-size-changes-on-ios-and-windows/25495/4 "2020-09-21T15:53:52Z")

</div>

Thanks again, Venki!

You’ve been a huge help for both my issues!

Have a great day!

---

<div class="post-metadata">

**Author:** ![Venki](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/venki/32/87988_2.png) [@Venki](https://community.hubspot.com/u/Venki)\
**Post date:** [September 22, 2020, 5:27am UTC](https://community.hubspot.com/t/image-size-changes-on-ios-and-windows/25495/5 "2020-09-22T05:27:20Z")

</div>

You are welcome Karan  
Have a great day ahead!