Skip to main content
praveend58003379
praveend58003379
Inspiring
January 28, 2016
Answered

@media query trimmed out in published html

i had added this style


@media only screen and (orientation : landscape) and (max-device-height : 320px) { div { border : 1px solid red; } } added in C:\Program Files\Adobe\Adobe Captivate 9 x64\HTML\index.html and when its published it trimmed @media ?


Why..any idea ?

    This topic is closed to new replies. Start a new post to keep the conversation going.
    TLCMediaDesign
    TLCMediaDesignCorrect answer
    Inspiring
    January 28, 2016


    I think it is because Captivate uses the @ symbol to designate dynamic attributes when it publishes. For example <title>@MOVIETITLE</title>

    You may have to add it with JavaScript and mask the @ symbol.

    http://modernweb.com/2014/03/24/using-media-queries-in-javascript/

    View reply

    10 replies

    TLCMediaDesign
    TLCMediaDesign
    Inspiring
    January 28, 2016

    Which type of project are you using?

    Responsive?

    HTML5 or SWF or both?

    Translate
    praveend58003379
    praveend58003379Author
    Inspiring
    January 28, 2016

    publish to my computer dialogue box details:

         publish as html5/swf

         output format html5

              ticked yes for scalable html content

              resolution 1024*627

    Translate
    TLCMediaDesign
    TLCMediaDesign
    Inspiring
    January 28, 2016

    So to be clear, just HTML5 not SWF?

    Also, are you publishing to SCORM?

    Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices