Lưu trữ ASP.Net với HTML5 JS và Twitter Các định dạng Bootstrap khác nhau

Question

Trong môi trường phát triển của tôi, mọi thứ đều xuất hiện hoàn hảo, tôi có biểu đồ hình tròn sử dụng canvas và hoạt ảnh xuất hiện tốt khi lưu trữ qua trình duyệt.

Tôi cũng đang sử dụng Twitter Bootstrap và có thanh điều hướng ở đầu trang, có hai mục.

Dưới đây là một số ví dụ:

Trong môi trường phát triển

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

Hosting trong IIS

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

Sau khi sa thải các phiên bản IIS, lỗi vẫn không đổi, cũng có thể bạn có thể nhận thấy sự làm tròn của nút không hoàn toàn giống nhau.

Chúng tôi đang lưu trữ trên IIS6 với cài đặt mặc định để tự hỏi liệu có điều gì phải được thực hiện trên trang web để mã hóa đúng cách này không? Tôi không đăng ký .LESS ở bất cứ đâu tôi không nghĩ vậy nên không chắc liệu đó có phải là nguyên nhân gây ra điều này hay không.

Xin cảm ơn trước.

Answer 1

Bạn cần đặt thẻ meta tương thích X-UA để sửa lỗi này. Thêm thẻ meta sau vào tiêu đề của bạn trong trang web của bạn và vấn đề cần được giải quyết

Điều này sẽ đảm bảo nó sẽ giống nhau trong phát triển và trong IIS. (sử dụng cùng một trình duyệt)

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

Bạn cũng có thể thêm chỉ thị sau vào web.config để thêm ứng dụng tiêu đề tùy chỉnh thay vì thẻ meta của mỗi trang.

<?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> 

Hành vi này là do IE hiển thị các trang web mạng nội bộ trong mô hình tương thích theo mặc định. (vì Microsoft cho rằng rất nhiều trang mạng nội bộ đã lỗi thời, tôi đoán) Bạn có thể sửa đổi điều này bằng cách vào Tools -> Compatibility ViewSettings.

Tài liệu tham khảo:

• 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

Có vẻ như bạn đang sử dụng LESS, điều đó có đúng không? Nếu vậy, như bạn đã đề cập, bạn cần thiết lập nó trong IIS để sử dụng twitter boostrap nếu bạn đang sử dụng các tính năng yêu cầu LESS.

Tôi đã gặp sự cố tương tự với IIS và có đúng cách nhận ra các phần mở rộng tệp khi chúng không phải là mặc định trong IIS.

Rất có thể rằng bạn localhost không phải là bảo vệ về ánh xạ tập tin hoặc bạn đang sử dụng một phiên bản khác của IIS địa phương hơn IIS6 và nó đã cho phép mở rộng .less.

Để khắc phục điều này, bạn cần phải thêm phần mở rộng/ánh xạ vào IIS6.

phiên bản ngắn

• tính mở ứng dụng web
• Bấm Cấu hình ...
• Dưới Mappings tab, bấm vào Thêm
• Executable: Nhập cùng một giá trị tại được thiết lập cho tiện ích mở rộng ASPX trong tab Ánh xạ
• Tiện ích mở rộng:.ít
• Verbs: Kiểm tra: Hạn chế Tổ, Enter: GET, HEAD
• Script Engine: Kiểm tra
• Xác nhận tập tin tồn tại: Un-kiểm tra

phiên bản đồ họa nếu nó giúp bất cứ ai: Đây là một liên kết với các chi tiết mà tôi đã sao chép dưới đây trong trường hợp nó biến mất.

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

Đến các thuộc tính của trang web.

Mở cấu hình

Thêm phần mở rộng