c# - How to Detect css style by iPhone/iPad -
I want to change CSS style according to the tools.
This is my. CSS file is
// desktop
@ media only screen and (minimum-width: 1224px) {. Pages {width: 990px; Margin-left: auto; Margin-right: auto; } Labels {font-family: verdana, ariel, non-serif; Font-size: 0.8 AM; //} ipad @ media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {. Page} {width: 100%; Margin-left: auto; Margin-right: auto; }. Details {Min-Height: 125px; Minimum width: 500 px; } Labels {font-family: verdana, ariel, non-serif; Font Size: 0.8M! Important; }} Media only screen and (minimum-device-width: 320px) and (max-device-width: 568px)
// Iphone
{Input [type = "text"], input [type = "password"] {width: 50px; }}
but it has not changed. It just changed the desktop I was not working Pad and the iPhone. Please tell me what is wrong with my code.
Try
Media only screen and (minimum-width: 768px) and (max-width: 1024px)
and not
@ media only screen and (minimum-device-width: 768px) And (max-device-width: 1024px)
You should also think about filling the sizes that you have not covered. The screen size is between 1024px and 1224.
Comments
Post a Comment