Search code examples
cssresponsive

Media query for galaxy Galaxy fold

I want to change the font size of my page when it is viewed on galaxy fold device. But I am not sure how to deal with this using media queries. Can anyone help me and give me an idea about how can I remedy this ?

Solution

  • If you need media query for folded version of device you can use 320px screen width.
    There is no other device with such screen width from popular ones so you can simply use this media query. Alternatively you can use JS module from npm to detect device and change font size dynamically

    @media(max-width: 320px){ 
  font-size: 10px
}