StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POGet iPhone font-size to be the same as other browsers
primarykey
Id
6262137
data
AcceptedAnswerId
6301212
AnswerCount
2
ClosedDate
CommentCount
11
CommunityOwnedDate
CreationDate
2011-06-07T07:50:43.290
FavoriteCount
3
LastActivityDate
2011-12-24T03:46:47.693
LastEditDate
2011-12-24T03:46:47.693
LastEditorUserId
522877
OwnerUserId
522877
ParentId
0
PostTypeId
1
Score
14
ViewCount
8003
LastEditorDisplayName
text
Body
A long time back, I read <a href="http://www.alistapart.com/articles/howtosizetextincss/" rel="noreferrer">a great article</a> that describes a cross-browser friendly way to size text using CSS. The strategy described is as such: <pre><code>body { font-size:100%; line-height:1.125em; /* 16×1.125=18 */ } .bodytext p { font-size:0.875em; /* 16x.875=14 */ } .sidenote { font-size:0.75em; /* 16x0.75=12 */ } </code></pre> This strategy works great on every browser except Safari on the iPhone, which always seems to enlarge certain bits of text. Is there any strategy to prevent this from happening? Normally my solution would be to add <code>-webkit-text-size-adjust: none;</code> to prevent the iPhone from enlarging the size of the text, but I recently came across <a href="http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/" rel="noreferrer">this article</a>, which describes that it doesn't allow users to zoom in on the text on ANY Safari browser - clearly a problem. I know that there is a CSS-only solution out there, but I can't find it. I just want to know how I should go about setting font-sizes so that they display the same on all browsers, including the iPhone. Update: To show an example, if you look at <a href="http://wexcode.com/C-Roc%20Gaming/" rel="noreferrer">this</a> on an iPhone, you'll notice that the text in the paragraph is significantly larger than the rest of the text around the site. Why is this text singled out, and is there any way that I can tell just by looking at the code that that will happen?
Tags
<iphone><html><css><cross-browser><font-size>
Title
Get iPhone font-size to be the same as other browsers
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USWex
UserOwnerUserId
1. USWex
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POGet iPhone font-size to be the same as other browsers
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 POGet iPhone font-size to be the same as other browsers
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 POGet iPhone font-size to be the same as other browsers
 UserUserId
 USWex
 VoteTypeVoteTypeId
 VTBountyStart
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.