[css-d] Do modern mobile browsers deliberately ignore font size?
Greetings to all,
I can't figure out why a webpage as simple as [2] renders text with
uniform size in desktop browsers (which I would expect), but like this
[1] in Android browsers such as Chrome, Firefox and (the main version
of) Opera. I mean... both P and TD are given font-size: medium! Isn't
this a violation of CSS standards? I have (rather empirically) found
that adding the line meta name=viewport
content=width=device-width fixes the issue, though I thought this
meta tag was meant to make the value of width more predictable under
media queries.
Is this font boosting/inflation? If so, how is this not violating CSS standards?
Thanks in advance for your advice.
Cheers,
Ezequiel
[1] http://i.imgur.com/WtmgiXQ.png
[2] Please consider the following:
style
table { border-spacing: 0 }
td,p { font-size: medium }
/style
pLorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum,
cumque, pariatur, deserunt id impedit delectus at porro eum quaerat
officia atque eligendi tempora corporis necessitatibus quos minima
eaque dolorem eius quia nisi velit hic consequatur ea quis earum unde
consectetur!/p
tabletdLorem ipsum dolor sit./td/table
(If the paragraph is a bit shorter the font size is the same in P as in TD.)
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] child width exceeding parents' ?!
at this page the bar that says new clothes at doubletake is set to max-width:980px and width: 100%, yet it exceeds the width of it's parent which is 980 how can this be? Thanks for clues! John http://coffeeonmars.com/W200/test/DTake_Index.html __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] child width exceeding parents' ?!
That link is 404'ing John. On Sun, Mar 9, 2014 at 5:45 PM, John j...@coffeeonmars.com wrote: at this page the bar that says new clothes at doubletake is set to max-width:980px and width: 100%, yet it exceeds the width of it's parent which is 980 how can this be? Thanks for clues! John http://coffeeonmars.com/W200/test/DTake_Index.html __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] child width exceeding parents' ?!
On 3/9/14 3:06 PM, Chris Rockwell wrote: That link is 404'ing John. filezilla is having some kind of a mental collapse..I'll see if I can un-hose things...sorry! John __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] child width exceeding parents' ?!
On 3/9/14 3:06 PM, Chris Rockwell wrote: That link is 404'ing John. This link should work..just tested it. http://coffeeonmars.com/test/DTake_Index.html John __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] child width exceeding parents' ?!
Le 10 mars 2014 à 06:45, John j...@coffeeonmars.com a écrit :
at this page the bar that says new clothes at doubletake is set to
max-width:980px and width: 100%, yet it exceeds the width of it's parent
which is 980
how can this be?
From http://coffeeonmars.com/test/DTake_Index.html
.sliderWideHeadTop h4 {
/* ………. rest ……..*/
width:100%;
max-width:980px;
padding:0 0 0 1.632653061224%; /* - */
}
The box model John. Adding the padding makes the box wider. The thing is, you
don't need to declare width/max-width on that box (the H4). It will
automatically be as wide as the parent box, normal behaviour for a block-level
element.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] child width exceeding parents' ?!
Den 10.03.2014 00:32, skrev Philippe Wittenbergh: The box model John. Adding the padding makes the box wider. Same thing with the border. The 1px border on that image makes it 2px wider and taller than 100%. regards Georg __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
