Re: [css-d] Phone breaks: unsure if working or not
Den 18.04.2014 15:14, skrev Hahnel, Fred (DET-MRM): If not to use px for media breaks, what should be used? You are using 'em' now, which is OK in itself. But, a given 'em' value does only correspond to a given 'px' value at a given zoom level, which means 'em' is not a good substitute for 'px' for screen-width breaks towards smaller devices where zoom level literally is "all over the place". Or, to put it another way: how many 'px' is '30em' at _what zoom level_? So, if you mean 'px', use 'px' values. If you mean 'em' use 'em' values. If you mean _both_ 'px' and 'em' _under certain conditions_, combine 'px' values and 'em' values the right way in the same media query combo. 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/
Re: [css-d] Phone breaks: unsure if working or not
On Fri, Apr 18, 2014 at 9:14 AM, Hahnel, Fred (DET-MRM) wrote: > If not to use px for media breaks, what should be used? > > > -regards, ems are becoming the preferred unit. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Phone breaks: unsure if working or not
If not to use px for media breaks, what should be used? -regards, Fred Hahnel -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Georg Sent: Thursday, April 17, 2014 6:10 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Phone breaks: unsure if working or not Den 17.04.2014 23:01, skrev John Johnson: > At this link: http://coffeeonmars.com/W130/assignments/JJ-responsive/ I have > a small template with a media break for 768 and one for 320 (tablet and > phone) On my authoring computer I got everything working perfectly. Media breaks work, although what width they kick in at varies with font-size so no point referring to them in CSS pixels. Setting 'height' on containers with 'overflow: hidden' do lead to lost content. You should rethink that part. 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/ This message contains information which may be confidential and privileged. Unless you are the intended recipient (or authorized to receive this message for the intended recipient), you may not use, copy, disseminate or disclose to anyone the message or any information contained in the message. If you have received the message in error, please advise the sender by reply e-mail, and delete the message. Thank you very much. __ 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] Phone breaks: unsure if working or not
Den 17.04.2014 23:01, skrev John Johnson: At this link: http://coffeeonmars.com/W130/assignments/JJ-responsive/ I have a small template with a media break for 768 and one for 320 (tablet and phone) On my authoring computer I got everything working perfectly. Media breaks work, although what width they kick in at varies with font-size so no point referring to them in CSS pixels. Setting 'height' on containers with 'overflow: hidden' do lead to lost content. You should rethink that part. 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/
[css-d] Phone breaks: unsure if working or not
At this link: http://coffeeonmars.com/W130/assignments/JJ-responsive/ I have a small template with a media break for 768 and one for 320 (tablet and phone) On my authoring computer I got everything working perfectly. This morning, I transfer my work folder to my other mac, running same FF version, 28, and the phone break doesn’t work! Came to school tried on their macs and it DOES work. I don’t know what is truth and what is not truth; I do not own a plethora of phones and computers, I rely on FF responsive web tool to show me how my breaks are performing.. Can someone explain what, if anything, is going on? Does FF have “bad hair days?” need to have its prefs tossed? Thank you! 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/
