<div dir="ltr">Petko<div><br></div><div>its great that you have removed the use of absolute length, i.e. "pt", thanks.</div><div><br></div><div>I think that we should also consider consistently using em or %, not both.</div>


<div>There are some subtle differences, see <a href="http://kyleschaeffer.com/user-experience/css-font-size-em-vs-px-vs-pt-vs/" target="_blank">http://kyleschaeffer.com/user-experience/css-font-size-em-vs-px-vs-pt-vs/</a></div>

<div>and based on the above I'd suggest we consider using % throught all PmWiki CSS.</div>
<div><br></div><div>Simon</div><div><br></div><div><a href="http://www.hongkiat.com/blog/css-units/" target="_blank">http://www.hongkiat.com/blog/css-units/</a><br></div><div><a href="http://css-discuss.incutio.com/wiki/Em_Vs_Percent_Widths" target="_blank">http://css-discuss.incutio.com/wiki/Em_Vs_Percent_Widths</a><br>


</div><div><br></div><div><br></div><div class="gmail_extra"><br><br><div class="gmail_quote">On 5 January 2014 11:33, Petko Yotov <span dir="ltr"><<a href="mailto:5ko@5ko.fr" target="_blank">5ko@5ko.fr</a>></span> wrote:<br>


<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div>Simon writes:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
PmWiki.css specifies font-size in a number of ways, e.g.<br>
font-size:11pt;<br>
font-size:0.9em;<br>
font-size:100%;<br>
font-size:1em;<br>
font-size:85%;<br>
font-size:9.4pt;<br>
font-size:1.6em;<br>
<br>
It seems to me we should revisit this with a view to using one way throughout, and supporting responsive design.<br>
</blockquote>
<br></div>
Note that always 1em = 100%, 0.9em = 90% etc. that is related to the font size of the parent HTML node.<br>
<br>
The "points" are indeed absolute units with a fixed size (1pt = 1/72 of an inch) but modern browsers don't enforce them for text sizes if a visitor resizes the text with Ctrl+Scroll or Ctrl+Plus.<br>
<br>
Anyways, as browsers all seem to imply that 12pt=100% for a base page, I changed the 3 occurences I found to percents:<br>
<br>
body: 11pt = 11/12 = 91.667%<br>
sidebar: 9.4pt = 9.4/11 = 85.45%<br>
%sidehead%: 11pt = 11/9.4 = 117%<br>
<br>
With the browsers I have the page looks exactly the same as before, pixel for pixel.<br>
<br>
If there is a better way to do it (without disturbing existing wikis much), please share it.<br>
<br>
Petko<br>
<br>
<br>
______________________________<u></u>_________________<br>
pmwiki-devel mailing list<br>
<a href="mailto:pmwiki-devel@pmichaud.com" target="_blank">pmwiki-devel@pmichaud.com</a><br>
<a href="http://www.pmichaud.com/mailman/listinfo/pmwiki-devel" target="_blank">http://www.pmichaud.com/<u></u>mailman/listinfo/pmwiki-devel</a><br>
</blockquote></div><br><br clear="all"><div><br></div>-- <br>____<br><a href="http://kiwiwiki.co.nz" target="_blank">http://kiwiwiki.co.nz</a>
</div></div>