8 replies [Last post]
amphibious
amphibious's picture
Offline
newbie
Last seen: 2 years 48 weeks ago
Timezone: GMT-5
Joined: 2011-10-26
Posts: 3
Points: 4

The CSS:

.resume .details {
	clear: both;
	text-align: justify;
	margin-bottom: 10px;
	display: block;
	font-size: 12px;
	font-family: museo-sans,sans-serif;
	font-weight:500;
	padding-left:28px;
	line-height: 120%;
}
 
.resume .title {
	float:left; 
	clear:left; 
	font-size: 14px;
	font-family: museo-sans,sans-serif;
	font-weight:500;
	padding-left:16px;
	margin-bottom:4px
}

On a computer, in Safari, Firefox, Chrome, and Opera for both Mac OS and Windows, the font displays as it should. On iPhone, the font size for .details and .title appear to have been swapped!

The HTML that goes along with this is nothing fancy, just the div class names and standard paragraph markup.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 14 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5148
Points: 2746

Hi amphibious, Totally

Hi amphibious,
Totally guessing here but it may be scaling the fonts because of the line height.
Look into:

<meta name="viewport" content="width=device-width; initial-scale=1.0; />

amphibious
amphibious's picture
Offline
newbie
Last seen: 2 years 48 weeks ago
Timezone: GMT-5
Joined: 2011-10-26
Posts: 3
Points: 4

Doesn't look like it does

Doesn't look like it does much, unfortunately.

Just noticed a bunch of other strange errors on mobile. The text for the header is actually two layers of text on top of each other, slightly offset. Weird. Sad

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 14 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5148
Points: 2746

So the line-height was a no

So the line-height was a no go as well?
Provide a link if you can and someone may be able to have a look

neilbearing
neilbearing's picture
Offline
newbie
HK
Last seen: 3 years 3 weeks ago
HK
Timezone: GMT+8
Joined: 2011-10-20
Posts: 3
Points: 3

Reply

thank you for your share.

amphibious
amphibious's picture
Offline
newbie
Last seen: 2 years 48 weeks ago
Timezone: GMT-5
Joined: 2011-10-26
Posts: 3
Points: 4

Yeah, playing with the line

Yeah, playing with the line height doesn't seem to change anything, unfortunately. Sad

http://www.rachelhappen.com/resume is the site.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 14 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5148
Points: 2746

Hi amphibious, First thing

Hi amphibious,
First thing you should change is your doctype. You are using HTML5 elements so use a HTML5 doctype.
Then validate
After That simplify everything start with just the markup then add the CSS back in parts, testing as you go.

MikeHenry
MikeHenry's picture
Offline
newbie
Last seen: 2 years 49 weeks ago
Timezone: GMT-5
Joined: 2011-12-16
Posts: 1
Points: 1

I recently came across your

I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.
[Wait until you've earned the right to a signature line. ~gt]

shieldskins
shieldskins's picture
Offline
newbie
Last seen: 2 years 45 weeks ago
Timezone: GMT+12
Joined: 2012-01-17
Posts: 1
Points: 1

IPhone is a leading smart

[Spam is not tolerated on this forum. ~gt]