[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 225
  • Last Modified:

Text input fields not responding properly to media queries on Samsung Galaxy 4S

We have setup some responsive media queries on this page:
http://www.webcemeteries.com/memorials/default.asp?id=5706101

The text input boxes and textareas:

@media only screen and (max-width: 35em){
input[type=text],textarea{max-width:100%;}
}

Open in new window


It works fine in my browsers and on my iPhone 5s. Client is opening the page on a Samsung Galaxy 4S and sent me the attached screenshot. Not sure why my CSS is not working on this device? Would appreciate any advice.

Thank you!
Screenshot-2014-10-31-15-28-54.png
0
bbdesign
Asked:
bbdesign
1 Solution
 
KimputerCommented:
Seems the rendering engine has a mind of its own. Most simple solution? Just use 90% (as you have no influence on the rendering engine of someone else)
Also, tested 90% on Note 4, Opera browser.
0
 
bbdesignAuthor Commented:
This worked, thanks for the suggestion!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now