I am working on building a site for responsive design.I have a certain CSS style as follows:\[code\]/* when viewport height less than 320px */@media screen and (max-height: 319px) { /* TRIED FOR IPHONE -- CAN'T GET TO WORK YET */ #footer { font-size: 65%; line-height: 110%; margin-top: 12px; }}\[/code\]I tested it on my iPhone in landscape mode and the font-size does not change to 65%, nor do any of these 3 styles take effect. Is this a valid and proper way to detect the screen height dimension for an iPhone?
How to Detect Screen Height for Responsive Design
- Thread starter PIMP
- Start date