Hosting ASP.Net con formati Bootstrap HTML5 JS e Twitter in modo diverso

Question

Nel mio ambiente di sviluppo tutto sembra perfettamente a posto, ho un grafico a torta che utilizza una tela e un'animazione che appare bene quando si ospita attraverso il browser.

Sto anche utilizzando Twitter Bootstrap e ho una barra di navigazione nella parte superiore della pagina, che ha due elementi.

ecco alcuni esempi:

nell'ambiente di sviluppo

http://i.stack.imgur.com/TtC5J.png

hosting in IIS

http://i.stack.imgur.com/DNLkg.png

Dopo aver respinto la versione di IIS, l'errore rimane costante, anche voi può notare l'arrotondamento del pulsante non è esattamente la stessa cosa.

Stiamo ospitando su IIS6 con le impostazioni predefinite, chiedendo quindi se qualcosa deve essere fatto sul sito per comprenderlo correttamente? Non sto registrando il .LESS ovunque io non la pensi così, non sono sicuro se questo è ciò che potrebbe causare questo.

Grazie in anticipo.

Answer 1

Per risolvere questo problema è necessario impostare il metatag X-UA-Compatible. Aggiungi il seguente metatag all'intestazione nella tua pagina web e il problema dovrebbe essere risolto

Ciò assicurerà che avrà lo stesso aspetto in fase di sviluppo e in IIS. (Usando lo stesso browser)

<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 

È inoltre possibile aggiungere seguente direttiva nel web.config per aggiungere un'applicazione header personalizzato vasta al posto del per pagina meta tag.

<?xml version="1.0" encoding="utf-8"?> 
<configuration> 
    <system.webServer> 
     <httpProtocol> 
     <customHeaders> 
      <clear /> 
      <add name="X-UA-Compatible" value="IE=Edge" /> 
     </customHeaders> 
     </httpProtocol> 
    </system.webServer> 
</configuration> 

Questo comportamento è causato perché IE rende siti Intranet in modus compatibilità per impostazione predefinita. (perché Microsoft pensa che molti siti intranet siano obsoleti, suppongo) Puoi modificarlo andando su Strumenti -> Compatibilità ViewSettings.

Riferimenti:

• http://weblogs.asp.net/rajbk/archive/2010/05/12/pages-in-ie-render-differently-when-served-through-the-asp-net-development-server-and-production-server.aspx
• http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx

Answer 2

Sembra che tu stia utilizzando MENO, è corretto? In tal caso, come hai detto, devi configurarlo in IIS per utilizzare lo twitter boostrap se stai utilizzando quelle funzionalità che richiedono MENO.

Ho riscontrato problemi simili con IIS e ho riconosciuto correttamente le estensioni dei file quando non sono valori predefiniti in IIS.

Le probabilità sono che il vostro localhost non è così protettivo sui mapping di file o si sta utilizzando una versione diversa di IIS a livello locale che IIS6 e permette già l'estensione .less.

Per risolvere questo problema, è necessario aggiungere l'estensione/mapping a IIS6.

Versione corta

• proprietà aperta di applicazioni web
• Fare clic su configurazione ...
• Sotto le Mapping scheda, fare clic su Aggiungi
• eseguibile: Enter lo stesso valore th at è configurato per l'estensione ASPX nella scheda Mapping
• Estensione:.meno
• Verbi: Vedi: Limit To, immettere: GET, HEAD
• Script Engine: Controllato
• Verifica esistenza del file: Non spuntato

Versione grafica se aiuta chiunque: qui c'è un collegamento con i dettagli che ho riprodotto qui sotto nel caso scompaia.

http://wiki.uiowa.edu/display/~mbergal/2012/06/08/Configuring+IIS+6+to+support+dotlesscss+(LESS+CSS)

Passare alle proprietà del sito.

Aprire la configurazione

aggiungere l'estensione