Conception réactive "CSSSregistration n'a pas de propriété publique nommée média"

Question

Je mettant en œuvre actuellement une conception réactive sur un site intranet.J'ai ajouté des liens simples dans la page principale en fonction des propriétés multimédias min-largeur et de max-largeur.Cela fonctionne comme un charme, mais ce n'est pas quand j'ai essayé d'utiliser CSSSregistration.Pour une raison inconnue, la CSSSregistration n'a pas de propriété médiatique (dont je suis au courant).Existe-t-il un moyen de surmonter ce problème en utilisant CSSSregistration au lieu de liens HTML simples?

<!-- 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" />

Si j'essaie, je reçois un écran bien connu:

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