I am using three style sheets to produce text of different sizes and font faces on different devices. I am using the "media=" method to detect different platforms at the moment (see example below), but the results are mixed. I am happy with them on the desktop (browser) styles, but on the various range of iOS devices, there are some issues.
I need someone to convert my [url removed, login to view] style sheets such that the text on iOS devices (iPhone, iPad2, iPad4 retina - in portrait and landscape) fits into the table layout on iOS devices (and other tablets should follow). Because of the confined website layout, the amount of text has been tuned so that it should fit when rendered in iOS (portable devices). Obviously this is because we still need the text to be readable on small devices.
Your work will be to recommend a new css linking method (if needed) and to overhaul the [url removed, login to view] and [url removed, login to view] files such that the text renders correctly on those portable devices.
I want the bid detail to be as comprehensive, so hold your bid until such time as I've answered all your questions.
The main styles sheet is attached. As you can see, it's pretty short.
The project posting process stripped out the code sample I had attached - so see text file attached.
Here is a good example of the way the styles currently muck up - on desktop it is fine, but on handhelds no good: