Hi J
that code is not specific to TW5 but it is a css-standart for mediaqueries:
"The|@media|rule is used in media queries to apply different styles for different media types/devices"
For more information

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp


Yours Jan

Am 19.06.2018 um 17:46 schrieb J:
BurningTreeC,

I apologize but I am not a Web Developer. I trying looking for "@media" but cannot find the code you had quoted. Moreover, I also installed dynaview but it did not really made the wiki adapt to the width of my browser even after enabling the checkbox.

Control Panel is also stuck. It always shows now even after I had uninstalled dynaview.

Help.

Regards,
J

On Tuesday, June 19, 2018 at 7:49:03 AM UTC-7, BurningTreeC wrote:

    Hi J, a lot can be accomplished with pure css
    A media query allows to define styles if the browser width is
    below/above a certain value:

    @media (max-width: 960px) {

    .myclass {
    width: 50px;
    }

    }

    @media (min-width: 960px) {

    .myclass {
    width: 500px;
    }

    }

    alternativelly, if media queries are not enough, there's the
    dynaview plugin that stores the browser-window width and height in
    state tiddlers (if you check the checkbox in the dynaview-plugin's
    config)
    I use it in combination with the formulas plugin to reveal styles
    when the value stored is lower/higher than a certain value... and
    it's handy if one wants to set conditions based on the
    browser-width and height using the list widget

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected] <mailto:[email protected]>. To post to this group, send email to [email protected] <mailto:[email protected]>.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/475e6104-7fc2-41b4-a8db-8287993aaf7a%40googlegroups.com <https://groups.google.com/d/msgid/tiddlywiki/475e6104-7fc2-41b4-a8db-8287993aaf7a%40googlegroups.com?utm_medium=email&utm_source=footer>.
For more options, visit https://groups.google.com/d/optout.

--
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/5B2940E8.9080509%40googlemail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to