Hi Gerhard Bies,

You can check these variables in \templates\t3_blank\less\variables.less
@T3gridWidth: 940px;
@T3gridWidth1200: 1200px;
@T3gridWidth980: 940px;
@T3gridWidth768: 740px;

@navbarCollapseWidth: 767px;

Hi super user,
i have installed 3rd party extension,


<style>
@media only screen and (max-device-width: 479px) {
html { background-image:url(ai-cookie.php?maxwidth=479); } }
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
html { background-image:url(ai-cookie.php?maxwidth=767); } }
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
html { background-image:url(ai-cookie.php?maxwidth=991); } }
@media only screen and (min-device-width: 992px) and (max-device-width: 1381px) {
html { background-image:url(ai-cookie.php?maxwidth=1381); } }
@media only screen and (min-device-width: 1382px) {
html { background-image:url(ai-cookie.php?maxwidth=unknown); } }
</style>

i have to know what are the
min-device-width:and max-device
from mobile to width screen or were can i find it.

Regards

Gerhard

Hi Gerhard Bies,

T3 does not support adaptive image for now.
You may need a 3rd party script or extension to help you.

Hi Super user,

if you use for example the the Mobile portrait (320x480)
and i look to my picture the max width is 100% but has the same size as from the width size from 1200 px

if you have width size 1200 px the size from the picture is 100 % then for example 1200 x 350 jpg 200kb

if you have mobile portrait (320x480)the size from the picture is then 100% 200 x 58px jpg but it is stil 200kb

when you use adaptive images the size is then not 200 kb but for example 20kb.


but I have to know the resolution break-points to use (screen widths, in pixels)

$resolutions are the screen widths we'll work with. In the default it will store a re-sized image for large screens, normal screens, tablets, phones, and tiny phones.

$resolutions = array(1382, 992, 768, 480); // the resolution break-points to use (screen widths, in pixels)


thanks you you support

Hi Gerhard Bies,

I am not quite understand what you mean.
Say, you want the image to be responsive?

In Bootstrap 2, all image has max-width: 100% by default.
In Bootstrap 3, you need to add 'img-responsive' class to the img tag.

There only one break point for mobile collapse display which define by @navbarCollapseWidth (bootstrap 2)
and @grid-float-breakpoint (bootstrap 3)

Those values above are used in T3 Layout feature, which is internal used only.