Design reattivo "CSSRegistration non ha una proprietà pubblica denominata media"

Question

Attualmente sto implementazione di progettazione reattiva su un sito intranet.Ho aggiunto collegamenti semplici nella pagina Master in base alle proprietà dei media di larghezza min-larghezza e massima.Funziona come un fascino, ma non ha fatto quando ho provato a usare CSSRegistration.Per qualche motivo sconosciuto, la CSSRegistration non ha una proprietà multimediale (di cui sono a conoscenza).C'è un modo per superare questo problema usando CSSRegistration invece di link html semplici?

<!-- Responsive CSS-files based on width -->
<link type="text/css" rel="stylesheet" media="only screen and (min-width: 801px)" href="/Style%20Library/css/ResponsiveMaster.css" />
<link type="text/css" rel="stylesheet" media="only screen and (min-width: 401px) and (max-width: 800px)" href="/Style%20Library/css/ResponsiveMasterPad.css" />
<link type="text/css" rel="stylesheet" media="only screen and (max-width: 400px)" href="/Style%20Library/css/ResponsiveMasterMobile.css" />

.

Se provo, ottengo uno schermo noto:

Answer 1

As you say, there is no media attribute.

There are a couple of ways I can think of to handle this in SharePoint:

• Either use Device Channels to target different master pages to different devices
• Or, add all of your responsive CSS to one file, containing the @media wrappers. This will also be better since if you for example resize your browser window, you get the appropriate css as you go.
• A third way that comes to mind is using a combination of @media and @import tags in one CSS-file, loading in specific files with the @import into the @media attribute