www.webdeveloper.com
Results 1 to 3 of 3

Thread: @media query for mobile phones ignored when form field is selected

  1. #1
    Join Date
    Jul 2012
    Posts
    2

    @media query for mobile phones ignored when form field is selected

    I am used the @media query to create a responsive website. When I am viewing the page it responds nicely to all devices. However, when viewing on a mobile phone, whenever a form field is selected it appears the device ignores at @media specifications that I have. It doesn't happen with tablets or desktops only mobile phones, and it only happens when the form field is clicked.

    Code:
    @media only screen and (min-width:200px) and (max-width:720px) and (orientation:landscape){}

  2. #2
    Join Date
    Mar 2011
    Posts
    1,137
    Could it be the 'orientation' of your mobile phone is 'portrait' when you test?

    What specific CSS rule doesn't appear to be followed?
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Mar 2012
    Posts
    1,390
    Just a thought: are you aware that some mobiles are media type "handheld" not "screen"? So any rules that specify "screen" will be ignored by them.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles