I would recommend using min-width MQs. That will apply the styles to
devices whose width is AT LEAST as wide as the designated width in the MQ.
What I do is set base styles that apply to all devices up to the next
min-width MQ. These base styles cover the multitude of size differences. At
the firs
> On Jan 10, 2015, at 10:05 AM, Chick Newman wrote:
>
> What I'd like to know is whether this query will apply to all devices whose
> maximum viewports are smaller than 600 px, e,g, if it is only 380 px. If
> not, does that mean I have to set up a max-width property specific for every
> hand
Markus Ernst wrote:
> I believe to have read that browser support for border-box is not
> quite perfect (IE8 seems to have problems). I'd personnally change the
> padding to %, so you can sum up to exactly 100%, such as:
>
> .container1, .container2
> {
> width:45%;
> padding:2%
> }
Am 17.06.2013 16:44 schrieb Olivia A:
But for the web page layout by default, (with no media query applied) ,
when i resize down the pages "a propos.php" and "enregistrement.php"; the
two containers (below the long picture ) which are floated elements don't
float as it should, but instead there i
On Jun 17, 2013, at 7:44 AM, Olivia A wrote:
> But for the web page layout by default, (with no media query applied) ,
> when i resize down the pages "a propos.php" and "enregistrement.php"; the
> two containers (below the long picture ) which are floated elements don't
> float as it should, but
On Jun 1, 2013, at 4:58 AM, Karl DeSaulniers wrote:
> Don't know if you've found a solution, but I cam across this and thought I'd
> share.
> Just in case you or anyone else may find it useful for responsive web design.
> Haven't worked with it myself, but looks like it is worth a try, and it's
Don't know if you've found a solution, but I cam across this and thought I'd
share.
Just in case you or anyone else may find it useful for responsive web design.
Haven't worked with it myself, but looks like it is worth a try, and it's free.
Dreamweaver Extension:
http://www.dmxzone.com/go/21759/
Sorry to Tom for first sending this to him, not the list.
On May 20, 2013, at 10:52 AM, "Tom Livingston" wrote:
> I recommend "Mobile First" and "Responsive Web Design" from abookapart.com
I'd recommend a book with the same title but with Jump Start at the beginning:
Jump Start Res
I recommend "Mobile First" and "Responsive Web Design" from abookapart.com as
well as peeking under the hood at sites listed at mediaqueri.es
HTH
—
Sent from Mailbox for iPhone
On Mon, May 20, 2013 at 11:46 AM, Colin (Sandy) Pittendrigh
wrote:
> I'm a retired and slightly obsolete programmer
At 23:41 +0200 on 04/24/2012, Gabriele Romanato wrote about Re:
[css-d] Responsive Design Issue:
Why should we get rid of a piece of design when you have a CSS3 property
for that? Use background-size. It works.
Maybe since use of background-size assumes/requires that the device's
br
Le Apr 25, 2012 à 3:14 AM, Carol Swinehart a écrit :
> How do you get rid of a background image or multiple background images in
> resolutions for handheld less then 768?
Only specify background images for devices / or better - windows / wider than
768px ?
div { background: lime; }
@media all
> Why should we get rid of a piece of design when you have a CSS3 property
> for that? Use background-size. It works. :-)
I would advocate setting it to background-image: none, because you save some
bandwidth and cache for the small device.
Rob Emenecker @ Hai
Why should we get rid of a piece of design when you have a CSS3 property
for that? Use background-size. It works. :-)
On Tuesday, April 24, 2012, Carol Swinehart
wrote:
> How do you get rid of a background image or multiple background images in
> resolutions for handheld less then 768?
>
> Thanks
On Tue, Apr 24, 2012 at 2:14 PM, Carol Swinehart
wrote:
> How do you get rid of a background image or multiple background images in
> resolutions for handheld less then 768?
>
> Thanks
>
> Carol
With no other info, I'll suggest using background-image: none;
A link showing your problem is prefe
14 matches
Mail list logo
