㈠ html页面怎样能够自适应电脑屏幕宽度
在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。
第一种方法：做一个网页解决问题（长了点）
如果只是因为浏览者改变了浏览器的设置，或者因为浏览器不兼容，使自己精心制作的网页变得"面目全非"，那多令人沮丧！下面我们以网页爱好者的常用工具Dreamweaver（以下简称DW）为例，列出几个网页制作初学者较常见的网页布局问题以及解决方法，希望对初学者们有所帮助。
一、消除任意缩放浏览器窗口对网页的影响
一番辛苦做出来的网页，在全屏状态下浏览一切正常。但在改变浏览窗口大小之后，网页就变得"不堪入目"了，这是个很值得注意的问题。
问题的根源还得从网页的布局说起，在DW中，网页内容的定位一般是通过表格来实现的，解决表格的问题也就成功了大半。
大家应该注意到，在DW中表格属性面板的高宽设定选择上提供了两种不同类型：百分比和像素值。百分比的使用将会产生前面说到的那个毛病。这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比，如在一个表格单元的宽度是600，在它里面嵌入了另外一个表格，表格宽度占表格单元的50%，则这个表格的宽度为300，依此类推，如果在一个表格不是嵌于另一个表格单元中，则其百分比是相对于当时窗口的宽度的。IE浏览器中，随便改动主页窗口的大小时，表格的内容也随之错位、变形，就是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。
自然，解决这个问题的办法就是将表格宽度设置成固定宽度（也就是像素值）。另外如果外层表格已做好固定宽度设置，内层表格也可以适当使用百分比设置。清楚这个原则以后，如果出现类似的问题大家也知道怎么解决。
二、让网页居中
说到了窗口大小就会顺着路子想到分辨率的问题，在800×600分辨率下制作的网页在1024×768分辨率的机器上打开，整个网页就会跑到左边；1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧？做起来费时，看起来也费劲。怎么办呢？
现在大多数网民都还在用800*600的分辨率，所以我们一般可以以此分辨率为主，要想让网页在1024*768时居中，只要在网页原代码的<body>后紧加一句<center>，</body>前加一句</center>就OK了。不过有几个问题这是要注意一下，第一个就是上面说到的百分比的问题，表格、单元格的宽度单位最好要使用像素单位，而不要用百分比。例如width=770。如果你的表格宽度设的是百分比，那么使用大于800×600的像素时，网页就会拉宽，这样网页可能会变形。在<body>中加入leftmargin=0，即<body leftmargin=0>这种情况下，800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
<html>
<head></head>
<body topmargin=0 leftmargin=0>
<center>
<table cellspacing cellpadding width=760><tr><td></td></tr></table>
</center>
</body>
</html>
三、定义固定大小的文字
大家都知道,在IE浏览器的功能设置中，有一个可以自由设置窗口内容字体大小的功能，这样由于不同访问者的设置习惯不同，呈现在他们面前的网页有时也会不不相同。比如你可能本来设计时用的是2号字体，结果由于用户对浏览器的额外设定，变的更大了，这时你的网页也可能变得"不堪入目"。虽然不是你的错，但客户是上帝。
如果使用了网页中的CSS样式表技术，就不会出现上述情况了。使用快捷键"Shift+F11"打开样式表"CSS style"编辑器，在窗口中单击鼠标右键执行"New CSS style..."命令新建一个样式表，然后在给出的列表中选择"类型"选项，定义文字属性参数（一般文字的大小选择12px较为适宜）。完成后选择网页编辑窗中的文本，单击新的样式表名称，可以看到选中的文本发生了变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。
四、让网页适应不同的浏览器
浏览器的格局现在是两分天下，一分是IE，另一分是NetScape，在国内Ie有绝对的占有率，在这种情况下我们设计的网页只要兼容它就行了，但NetScape在国外还是有很多人使用，毕竟它是浏览器的元老。
虽然没有办法做出让所有浏览器都兼容的网站，但只要注意以下几点，做出来的网页在各个浏览器都中能达到比较好的显示效果：
不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内。
内联式的 CSS 在 Netscape Navigator 中经常会出现问题，使用链式或内嵌式。
有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator 里的效果。
对于只有几个像素宽度或高度的层，改用图片来实现。
避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了：
解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。首先在change－ie.html或change－nc.html页面代码中的< head>和< /head>中加入以下代码：
< script language=JavaScript>
< !－－
function redirectPage(){
var url800x600=〃index－ie.html〃; //定义两个页面，此处假设index－ex.html和1024－ie.html同change－ie.html在同一个目录下
var url1024x768=〃1024－ie.html〃;
if ((screen.width==800) ＆＆ (screen.height==600))//在此处添加screen.width、screen.height的值可以检测更多的分辨率
window.location.href= url800x600;
else if ((screen.width==1024) ＆＆ (screen.height==768))
window.location.href=url1024x768;
else window.location.href=url800x600;
}
// －－>
< /script>
然后再在< body…>内加入onLoad=〃redirectPage()〃
最后，同样地，在< body>和< /body>之间加入以下代码来显示网页的工作信息：
< script language=JavaScript>
< !－－
var w=screen.width
var h=screen.height
document.write(〃系统已检测到您的分辨率为:〃);
document.write(〃< font size=3 color=red>〃);
document.write(w＋〃×〃＋h);
document.write(〃< /font>〃);
document.write(〃正在进入页面转换,请稍候…〃);
// －－>
< /script>
判断读者浏览器类型和屏幕分辨率，自动调用不同CSS
我们在设计网页的时候一个比较头痛的问题是究竟我们的浏览者的分辨率是多少？如果使我们的浏览者能够更好的去浏览到我的网页，这个是我们设计前必须思考的问题。所以Leying在设计网页的时候第一个想的是兼容现在大多数浏览者的屏幕分辨率，这里头有几种最常用的方法：
1、硬行把网页先用表格框起来，框的分辨率应该是在760－780象素，其余的空间可以给一个背景图或者空白.
2、用自动缩放的方法也可以实现，这种方法比较古老，而且很简单，这个不多说了；
3、用自动判断的方法。
今天，就第三种方法来说说，如何来判断出浏览者的屏幕分辨率，根据不同的分辨率给予读者不同的浏览内容：
网络上也有一些能自动判断出你的浏览器是什么类型或者什么版本的代码，集成过来。
一、既判断分辨率，也判断浏览器，使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。
<SCRIPT LANGUAGE="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
//如果浏览器为其他
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}
function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}else{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}else{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}else{
setActiveStyleSheet(CSS4);
}}}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
//-->
</SCRIPT>
为了大家明白，这里简单解析一下：
引用内容
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
引号里面分别填写，用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
引号里面分别填写，用户使用FireFox（一个也很流行的浏览器）的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
引号里面分别填写，用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
二、不判断分辨率，只判断浏览器实现根据浏览器类型自动调用不同CSS。
<SCRIPT LANGUAGE="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
setActiveStyleSheet("default.css");
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
setActiveStyleSheet("default2.css");
}else{
//如果浏览器为其他
setActiveStyleSheet("newsky.css");
}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
//-->
</SCRIPT>
解释：（和前面的差不多）
如果浏览器为IE，则调用default.css
如果浏览器为Firefox，则调用default2.css
如果浏览器为其他，则调用newsky.css
使用方法：
很简单，放在 “</head>” 前面即可。
页面在不同屏幕分辨率下存在的问题及解决办法
（未考虑800*600或更低分辨率的情况）
一 问题
在不同分辨率下，页面布局存在不同程度的差异，特别是页面上的表单控件，其宽度默认是固定值“width:150px”，当分辨率较高时，表格中的空白显得过多，页面布局显得很不协调，在宽屏显示器上尤为明显。
二 解决办法
方法1. 为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件。样式文件命名格式如：forms[_屏幕宽度].css，样式文件中只需重新定义文本框和下拉框的宽度即可。
在包含的头文件headr.inc中加入js代码：
if(screen.width > 1024){
document.write('<link rel="stylesheet" type="text/css" href="${path}/nrmus/etc/css/forms_'+ screen.width +'.css">');
}
forms_1280.css文件内容：
/* 分辨率宽度为1280的时候，文本框和下拉框的宽度属性(width)单独定义
* 参考计算方法为：（分辨率宽度-174）/4 * 0.7
* 左侧菜单栏宽度为174px；右侧页面表格是4列；控件宽度为单元格的70%
* (1280-174)/4*0.7 = 193
*/
input.text
{
background:#FFFFFF;
border:1px solid #B5B8C8;
padding:3px 3px;
height:22px;
line-height:18px;
vertical-align:middle;
padding-bottom:0pt;
padding-top:2px;
width: 193px;
color: #333;
}
select.select{
width: 193px;
}
优点：实现很简单，代码量少；并且可针对不同分辨率做更细粒度的页面控制。
缺点：无明显缺点。
方法2 将整个页面的宽度设置为固定值，并使其居中显示。
优点：可以很大程度的消除不同分辨率下的显示差异。
缺点：分辨率宽度大于这个固定值的时候，页面两边会出现空白。
方法3 用js判断分辨率，修改body的zoom属性（IE特性），即可实现对整个页面进行缩放，类似IE8或其它浏览器提供的缩放功能。
优点：实现简单，页面能进行缩放。
缺点：缩放是宽度和高度的等比缩放，高分辨率下字体、图片看起来会变小，问题解决的不彻底。
三 总结
推荐方法1。页面布局的变化和分辨率的宽度有密切关系，和高度关系不大；常用的分辨率宽度也就几种，做几个简单的css文件即可。
㈡ 缃戦〉涓锅氩埌镊阃傚簲镄勫搷搴斿纺椤甸溃链夊嚑绉嶆柟娉曪纻
锅氩搷搴斿纺椤甸溃灏变袱绉嶆柟娉曪细
涓鏄阃氲繃钖勭嶆妧链鍐欎竴濂楀搷搴旂殑浠ｇ爜锛岃佺敤鍒扮殑鎶链锛屽傞氲繃璁剧疆锏惧垎姣斿斤纴浣跨敤镙呮牸绯荤粺锛屽拰阃氲繃濯掍綋镆ヨ锛屽脊镐у竷灞绛夌粨钖堟潵瀹炵幇銆傝繖镙峰啓镄勫ソ澶勪简浠ｇ爜鍙闇瑕佸啓涓濂椼备絾鏄杩欐牱鍐栾佸仛鍏煎瑰悇绉岖Щ锷ㄧ镶瀹氢细链夊悇绉嶅悇镙风殑闂棰桦嚭鐜般
绗浜岀嶆柟娉曟槸锛氩啓涓ゅ椾唬镰侊纴pc绔鍜岀Щ锷ㄧ鍒嗗紑𨱒ュ啓锛岀劧钖庡啀阃氲繃娣诲姞js銮峰彇灞忓箷镄勫垎杈ㄧ巼锛堟垨钥呴氲繃銮峰彇鐢ㄦ埛璁惧囨潵锛夋潵杩涜屽垽鏂鐢ㄦ埛鏄鍦ㄤ粈涔堣惧囦笂镓揿紑锛岀劧钖庢牴鎹𨱒′欢𨱒ユ墦寮椤甸溃
杩欐牱锅氱殑濂藉勬槸涓ゅ椾唬镰佸垎寮𨱒ワ纴缁存姢鏂逛究锛岀Щ锷ㄧ椤甸溃涔熶笉浼氩弹pc绔甯冨眬褰卞搷锛屽紑鍙戠伒娲汇
浣嗘槸杩欐牱镄勮瘽闇瑕佸啓涓涓鍒ゆ柇椤甸溃铹跺悗浣跨敤涓や釜2绾у烟钖嶏纴鍒嗗埆瀵瑰簲绉诲姩绔鍜宲c绔銆
㈢ 缃戦〉濡备綍镊阃傚簲缃戦〉濡备綍镊阃傚簲灞忓箷
flash缃戦〉鍒朵綔浜烘按骞:濡备綍鍒朵綔寰鐜锷ㄧ敾
杩欎釜涓嶉毦銆傛垜鍙浠ョ粰浣犲仛銆濡备綍璁╃绣椤靛湪娴忚埚櫒镊阃傚簲灞忓箷澶у皬锛
𨱍宠佺绣椤靛藉害镊阃傚簲锛岄渶瑕佹妸缃戦〉鍏幂礌瀹藉害璁剧疆涓虹栌鍒嗘瘆锛岃缮瑕佸湪缃戦〉澶撮儴锷犱笂浠ｇ爜锛歮etaname="viewport"content="width=device-width,initial-scale=1.0"/>銆傚浘鐗囱嚜阃傚簲锛屼笖涓嶈秴杩囧师濮嫔ぇ灏忥纴闇瑕佽剧疆链澶у藉害锛屼唬镰佸备笅锛歩mg{width:100%;max-width:100%;}銆
濡备綍鍒朵綔镓嬫満镊阃傚簲缃戦〉锛
宸ュ叿/铡熸枡sublimetext1镓揿紑浣犻渶瑕佸埗浣沧坠链虹绣椤电殑html鎴栬卲hp绛夌瓑缃戦〉婧愮爜鏂囦欢銆傚湪
涔嬮棿锷犲叆meta镙囩俱2钖戞祻瑙埚櫒澹版槑璇ョ绣椤典负绉诲姩璁惧囱嚜阃傚簲缃戦〉镄刴eta镙囩句负锛3灏嗕互涓婃爣绛惧姞鍏ヤ箣钖庝缭瀛桡纴鍐岖敤镓嬫満镓揿紑鍗虫槸镊阃傚簲缃戦〉浜嗐娴忚埚櫒绐楀彛镐庝箞镊阃傚簲灞忓箷澶у皬锛
娴忚埚櫒镄勭獥鍙ｈ嚜阃傚簲灞忓箷澶у皬鏂规硶濡备笅
1銆佹墦寮娴忚埚櫒阃夋嫨鐣岄溃鍙充笅瑙掑浘镙囥愭垜镄勚戠偣鍑昏烦杞杩涘叆
2銆侀夋嫨鐣岄溃鍙充笂瑙掋愯剧疆銆戝浘镙囩偣鍑昏繘鍏ワ绂
3銆侀夋嫨銆愮绣椤垫祻瑙堣剧疆銆戦夐”镣瑰嚮杩涘叆锛
4銆佸嬀阃夈愯嚜阃傚簲灞忓箷銆戠‘瀹氾纴鍗冲彲灏嗘祻瑙埚櫒绐楀彛璁剧疆镊阃傚簲灞忓箷澶у皬
濡备綍璁╃绣椤靛湪娴忚埚櫒镊阃傚簲灞忓箷澶у皬锛
鏂规硶锛
1銆佸湪缃戦〉澶撮儴锷犱笂杩欐牱涓𨱒meta镙囩撅细metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes"/>
瑙ｉ喷锛
width=device-width锛氩藉害绛変簬璁惧囧睆骞旷殑瀹藉害
initial-scale=1.0锛氲〃绀猴细鍒濆嬬殑缂╂斁姣斾緥
minimum-scale=0.5锛氲〃绀猴细链灏忕殑缂╂斁姣斾緥
maximum-scale=2.0锛氲〃绀猴细链澶х殑缂╂斁姣斾緥
user-scalable=yes锛氲〃绀猴细鐢ㄦ埛鏄钖﹀彲浠ヨ皟鏁寸缉鏀炬瘆渚
鍙﹀栵细濡傛灉𨱍虫带鍒跺瓧浣撶殑澶у皬镄勮瘽锛屽簲璇ヤ娇鐢ㄧ浉瀵瑰ぇ灏忥纴鍙浠ョ敤涓嬮溃杩欐典唬镰侊纴涓鑸涓岖敤涔熷彲锛岃繖閲屽彧鏄璇存槑涓绉嶆柟娉曘
鐩稿瑰ぇ灏忕殑瀛椾綋
瀛椾綋涔熶笉鑳戒娇鐢ㄧ粷瀵瑰ぇ灏弍x锛岃屽彧鑳戒娇鐢ㄧ浉瀵瑰ぇ灏廵m銆
body{font:normal100%Helvetica,Arial,sans-serif;}
涓婇溃镄勪唬镰佹寚瀹氾纴瀛椾綋澶у皬鏄椤甸溃榛樿ゅぇ灏忕殑100%锛屽嵆16镀忕礌銆
h1{font-size:1.5em;}
铹跺悗锛宧1镄勫ぇ灏忔槸榛樿ゅぇ灏忕殑1.5鍊嶏纴鍗24镀忕礌锛24/16=1.5锛夈
small{font-size:0.875em;}
small鍏幂礌镄勫ぇ灏忔槸榛樿ゅぇ灏忕殑0.875鍊嶏纴鍗14镀忕礌锛14/16=0.875锛夈
2銆佽╃绣椤甸傚簲涓嶅悓镄勬祻瑙埚櫒
娴忚埚櫒镄勬牸灞鐜板湪鏄涓ゅ垎澶╀笅锛屼竴鍒嗘槸IE锛屽彟涓鍒嗘槸NetScape锛屽湪锲藉唴Ie链夌粷瀵圭殑鍗犳湁鐜囷纴鍦ㄨ繖绉嶆儏鍐典笅鎴戜滑璁捐＄殑缃戦〉鍙瑕佸吋瀹瑰畠灏辫屼简锛屼絾NetScape鍦ㄥ浗澶栬缮鏄链夊緢澶氢汉浣跨敤锛屾瘯绔熷畠鏄娴忚埚櫒镄勫厓钥併
铏界劧娌℃湁锷炴硶锅氩嚭璁╂墍链夋祻瑙埚櫒閮藉吋瀹圭殑缃戠珯锛屼絾鍙瑕佹敞镒忎互涓嫔嚑镣癸纴锅氩嚭𨱒ョ殑缃戦〉鍦ㄥ悇涓娴忚埚櫒閮戒腑鑳借揪鍒版瘆杈冨ソ镄勬樉绀烘晥鏋滐细
a銆佷笉瑕佹贩钖堜娇鐢ㄥ眰鍜岃〃镙兼帓鐗堬纴濡傛灉鏄鐖跺瓙鍏崇郴锛屽傚眰涓琛ㄦ牸锛屼笉鍦ㄦゅ师鍒栾寖锲村唴銆
b銆佸唴镵斿纺镄凛SS鍦∟etscapeNavigator涓缁忓父浼氩嚭鐜伴梾棰桡纴浣跨敤阈惧纺鎴栧唴宓屽纺銆
c銆佹湁镞堕渶瑕佸湪绌哄眰鎻掑叆琛ㄦ牸鎴栬呴忔槑锲剧墖锛屼互淇濊瘉鍦∟etscapeNavigator閲岀殑鏁堟灉銆
d銆佸逛簬鍙链夊嚑涓镀忕礌瀹藉害鎴栭珮搴︾殑灞傦纴鏀圭敤锲剧墖𨱒ュ疄鐜般
e銆侀伩鍏崭娇鐢╓3C缁勭粐涓嶆帹钻愮殑鎺掔増灞炴э纴鐢–SS浠ｆ浛銆
鏂囨。镐庝箞镊阃傚簲椤甸溃锛
1涓鑸𨱍呭喌涓嬶纴word椤甸溃涓篈4椤甸溃澶у皬锛岄櫎铡讳笂涓嫔乏鍙崇殑椤佃竟璺濓纴锲剧墖镄勯珮搴﹀湪24-25铡樼背宸﹀彸锛屽藉害鍦14-16铡樼背宸﹀彸銆傚洜姝ら渶瑕佹彁鍓嶆妸锲剧墖澶у皬璁剧疆鍦ㄨ繖涓锣冨洿鍐呫
2鍏堟墦寮涓涓绌虹槠镄别xcel锛岄夋嫨宸ュ叿镙忎腑镄勚愭彃鍏ャ-銆愬浘鐗囥戯纴鍦ㄧ数鑴戜腑镓惧埌锲剧墖锛屾壒閲忔彃鍏ュ氩紶锲剧墖銆
3鎻掑叆镄勫浘鐗囬粯璁よ鍏ㄩ儴阃夊畾锛岃繖镞跺欎笉瑕佺偣鍑笾xcel宸ヤ綔琛ㄤ腑镄勪换浣曚綅缃锛岀洿鎺ヨ繘鍏ャ愬浘鐗囧伐鍏枫-銆愭牸寮忋戯纴鍦ㄤ笅鏂逛腑镣瑰嚮銆愬ぇ灏忋戝彸渚х殑灏忓浘镙囥
4鍦ㄥぇ灏忓拰灞炴ц剧疆妗嗕腑锛屽皢銆愰挛瀹氱旱妯姣斻戝拰銆愮浉瀵逛簬锲剧墖铡熷嫔昂瀵搞戝幓鎺夛纴铹跺悗灏嗛珮搴﹁句负24.5铡樼背锛屽藉害璁句负14.6铡樼背銆
5铹跺悗灏唀xcel琛ㄦ牸銆愬彟瀛树负銆戯纴阃夋嫨銆愬叾浠栨牸寮忋戯纴瀵规枃浠跺懡钖嶏纴淇濆瓨绫诲瀷阃夋嫨銆愮绣椤点戙备缭瀛樼殑鏂囦欢涓浼氩崟镫鐢熸垚涓涓鏂囦欢澶癸纴閲岄溃链夋彃鍏excel镄勫浘鐗囥
6镓揿紑涓涓犸ord鏂囨。锛岀偣鍑汇愭彃鍏ャ-銆愬浘鐗囥戯纴镓揿紑淇濆瓨濂界殑缃戦〉绫诲瀷镄别xcel鐢熸垚镄勬枃浠跺す锛岄夋嫨澶氩紶镦х墖鐩存帴鎻掑叆銆傚浘鐗囧氨镊锷ㄦ暣榻愬湴宓屽叆word鏂囨。涓锛屼笉闇瑕佸啀阃愪釜璋冩暣澶у皬銆