编码导致 html和aspx 样式差异,变形

简介:

今天美工那边做好几个 HTML 页面发给我,我把那些都改成 ASPX ,发现一个奇怪的问题,显示出来的结果有点不一样,样式有点偏差。
于是仔细对比 HTML 和 ASPX 页面产生的源代码,没有发现任何不同的地方,真是百思不得其解。最后终于无意中发现,HTML 页面和 ASPX 页面的编码方式不一样,HTML 是 GB2312 ,ASPX 是 UTF-8(即使其中含有 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 的标记)。
才明白,原来就是因为 ASPX 的输出编码为 Unicode,在处理 CSS 中的中文字体名(如“宋体”,“黑体”)时才出错了错误,导致不能正确显示指定的字体。

处理办法:

1) 将 ASP.NET 的默认编码方式由 UTF-8 改为 GB2312 ;

2) 将 CSS 文件中的中文字体名变为英文名称;
如 "Font-Family: 宋体" 改为 "Font-Family: SimSun" ,其它字体的英文名称如:SimYou 幼圆; SimHei 黑体; SimKai 楷体; SimFang 仿宋; SimLi 隶书等。

其实若调用JS,也会出现类似的问题,所以,大家在页面设计上一定要统一好相应的编码格式。

实在解决不了,请使用如下方法:
修 改web.config中的<globalization>中的reponseEncoding属性为 gb2312,<globalization requestEncoding="gb2312" responseEncoding="gb2312"/>。

分类:  ASP.NET
本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2012/10/16/2725514.html ,如需转载请自行联系原作者
相关文章
|
2天前
|
JavaScript 前端开发
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
|
2天前
|
前端开发 JavaScript
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
36 0
|
6月前
|
编解码 移动开发 JavaScript
html页面播放视频编码是265的m3u8的流媒体地址
html页面播放视频编码是265的m3u8的流媒体地址
109 0
|
10月前
Echarts组件tooltip提示框formatter函数返回的HTML样式解决方案
Echarts组件tooltip提示框formatter函数返回的HTML样式解决方案
272 0
|
2天前
|
编解码 前端开发 UED
【专栏:HTML 与 CSS 移动端开发篇】CSS 媒体查询与移动端特定样式
【4月更文挑战第30天】CSS媒体查询在移动端开发中至关重要,它基于设备特性(如屏幕尺寸、分辨率、方向)应用特定样式,实现响应式设计。通过`@media`规则定义条件,如`(max-width: 600px)`,当屏幕宽度小于或等于600px时应用相应样式。常见条件包括屏幕宽度、高度、方向和分辨率。媒体查询可用于响应式布局、导航菜单优化、图片加载及字体调整。在实践中,需注意保持查询简洁,充分测试,渐进增强,并提前规划。掌握媒体查询能提升移动端用户体验,创造更优秀的网页设计。
|
2天前
|
JavaScript 前端开发 开发者
html编码
【4月更文挑战第30天】html编码
19 2
|
2天前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
2天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
14 2
|
2天前
|
前端开发 JavaScript 安全
【网络安全/前端XSS防护】一文带你了解HTML的特殊字符转义及编码
【网络安全/前端XSS防护】一文带你了解HTML的特殊字符转义及编码
188 0
|
2天前
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段