title: Size of text that wraps to multiple lines different from text that doesn't
body: <p>I'm setting up a Wordpress blog with both Facebook and native Wordpress comments: <a href="http://lucky-stars.ca/yum/hello-world" rel="nofollow">http://lucky-stars.ca/yum/hello-world</a>. I'm trying to get the formatting of the Wordpress comments as close as possible to the Facebook ones. I'm almost there, but I've run into a strange problem.</p>
  
  <p>On any first-level comment that wraps to display on multiple lines, it does not use the text size I've specified on the comment and comment author when viewed in iOS with a viewport size between 768px and 480px. Any comment that fits on one line (or has manual breaks that fit on one line) is fine, and when I look at it on my iPhone in portait orientation (&lt;480px), the problem goes away.</p>
  
  <p>This problem also appears underneath the comment form where it says "your email address will not be published..."</p>
  
  <p>My font size specifications are on the div that contains all of my comments, <code>#comments</code>.</p>
  
  <p>This is what I've tried so far:</p>
  
  <ul>
  <li>Clearing my cache.</li>
  <li>Adding <code>!important</code> to the font rule on <code>#comments</code>.</li>
  <li>Tried both ems and pixels for the font size.</li>
  <li>Adding the size specification to the specific problematic divs (<code>.comment-author</code> and <code>.comment-content</code>).</li>
  <li>Breaking down my font specifications into individual rules instead of shorthand.</li>
  <li>Checked that there are no font rules that would be overriding this under <code>@media screen and (max-width: 768px)</code>.</li>
  <li>Adding <code>zoom:1</code> to the <code>#comments</code> after I saw that Facebook's comments did this. This fixed the problem when I was using Chrome's <em>User Agent</em> and <em>Device Metrics</em> Overrides, but the problem persists on my iPhone.</li>
  </ul>
  
  <p>I've tried googling the problem, but I'm not really sure what I'm looking for here since it's only a problem when the text wraps. And not just on text that wraps, but on the author's name as well, even though it's a separate div.</p>
  
  <p>Any direction would be appreciated, I'm completely at a loss.</p>