"Fixed width div" is really the antithesis of responsive mobile design.
Also; your fonts should be EM's not PX's.
- Visitors can check out the Forum FAQ by clicking this link. You have to register before you can post: click the REGISTER link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below. View our Forum Privacy Policy.
- Want to receive the latest contracting news and advice straight to your inbox? Sign up to the ContractorUK newsletter here. Every sign up will also be entered into a draw to WIN £100 Amazon vouchers!
Reply to: Mobile website
Collapse
You are not logged in or you do not have permission to access this page. This could be due to one of several reasons:
- You are not logged in. If you are already registered, fill in the form below to log in, or follow the "Sign Up" link to register a new account.
- You may not have sufficient privileges to access this page. Are you trying to edit someone else's post, access administrative features or some other privileged system?
- If you are trying to post, the administrator may have disabled your account, or it may be awaiting activation.
Logging in...
Previously on "Mobile website"
Collapse
-
Hmm not mobile experts here then!
Solution seems to be to set % width on everything except fonts. Leave those as px and use the viewport stuff. Use small amounts of padding on some controls to make text clearer.
Leave a comment:
-
Mobile website
Trying to do a mobile version of my little business website.
Sorted the basic layout inside a fixed width div so it all looked ok at 320x480, now I'm doing some "real" testing using the Opera Mobile Emulator with mixed results. Looks just as I expect on a number of larger screen devices eg HTC - One S = 540x960 but not on some others, content does expand, but not to the full width, so that some items are misaligned.
Got all the viewport header and @viewport CSS as required which, as I understand it, should make all item widths set as px expand to fit screen so not quite sure why some (emulated) devices don't work. Wondering whether I'd be better just to put all widths as % and text sizes as em.
Cheers for any answers.
PS In case I got something wrong, using this:
<meta name=viewport content="width=device-width, initial-scale=1">
CSS:
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }Last edited by xoggoth; 17 October 2015, 10:35.Tags: None
- Home
- News & Features
- First Timers
- IR35 / S660 / BN66
- Employee Benefit Trusts
- Agency Workers Regulations
- MSC Legislation
- Limited Companies
- Dividends
- Umbrella Company
- VAT / Flat Rate VAT
- Job News & Guides
- Money News & Guides
- Guide to Contracts
- Successful Contracting
- Contracting Overseas
- Contractor Calculators
- MVL
- Contractor Expenses
Advertisers
Contractor Services
CUK News
- Streamline Your Retirement with iSIPP: A Solution for Contractor Pensions Sep 1 09:13
- Making the most of pension lump sums: overview for contractors Sep 1 08:36
- Umbrella company tribunal cases are opening up; are your wages subject to unlawful deductions, too? Aug 31 08:38
- Contractors, relabelling 'labour' as 'services' to appear 'fully contracted out' won't dupe IR35 inspectors Aug 31 08:30
- How often does HMRC check tax returns? Aug 30 08:27
- Work-life balance as an IT contractor: 5 top tips from a tech recruiter Aug 30 08:20
- Autumn Statement 2023 tipped to prioritise mental health, in a boost for UK workplaces Aug 29 08:33
- Final reminder for contractors to respond to the umbrella consultation (closing today) Aug 29 08:09
- Top 5 most in demand cyber security contract roles Aug 25 08:38
- Changes to the right to request flexible working are incoming, but how will contractors be affected? Aug 24 08:25
Leave a comment: