新聞中心
ecshop程序不同分辨率調(diào)用不同CSS如何設(shè)置
作者 / 無(wú)憂主機(jī) 時(shí)間 2016-10-07 06:36:37
由于用戶使用的客戶端和瀏覽器多樣化，因此很多開源程序的模板對(duì)瀏覽器的兼容性也不同，有時(shí)候站長(zhǎng)朋友們會(huì)發(fā)現(xiàn)同樣的圖片在電腦上和在MAC上面顯示出來(lái)的效果卻大不相同，甚至有的時(shí)候在不同瀏覽器顯示都不同，如果說(shuō)是瀏覽器的兼容性不夠，那么就要想方法從程序端解決了，畢竟瀏覽器上我們是無(wú)法下手操作的，那么不同的分辨率下如何讓程序調(diào)用不同的CSS呢?很多站長(zhǎng)朋友使用的香港獨(dú)立ip空間安裝的ecshop都想解決這個(gè)問(wèn)題。其實(shí)也不是很難，方法如下：
1：首先登陸無(wú)憂主機(jī)會(huì)員中心找到主機(jī)管理--控制面板，如下圖1：
2：點(diǎn)擊控制面板—進(jìn)入文件管理，如下圖2：
3：點(diǎn)擊進(jìn)入文件管理—找到public_html根目錄。如下圖3：
4：按照路徑themes/default/library/page_header.lbi 找到該文件如下圖4：
5：由于該文件是lbi結(jié)尾的，站長(zhǎng)朋友們需要使用FTp工具下載到本地使用高級(jí)編輯器打開哦。然后在里面合適的位置添加以下代碼：
<script type="text/javascript">
if (screen.width < 1280)
{
document.write("<link href='themes/kicshop/style.css' rel='stylesheet' type='text\/css'\/>");
}
else {
document.write("<link href='themes/kicshop/style_1024.css' rel='stylesheet' type='text\/css'\/>");
}
</script>
這段代碼的作用就是讓不同的分辨率調(diào)用不同的CSS的哦。設(shè)置好了之后登陸后臺(tái)更新緩存下就可以了。
溫馨提示：該技術(shù)解決方案的是由無(wú)憂主機(jī)客服為我們空間客戶處理該問(wèn)題時(shí)提供的處理方法，確保在無(wú)憂主機(jī)能完美實(shí)現(xiàn)，因服務(wù)較多，客服繁忙，其他主機(jī)我們沒有過(guò)多精力進(jìn)行大范圍測(cè)試，不能確保所有虛擬主機(jī)都能完美處理，請(qǐng)您理解！
無(wú)憂主機(jī)提供365天*24小時(shí)全年全天無(wú)休、實(shí)時(shí)在線、零等待的售后技術(shù)支持。竭力為您免費(fèi)處理您在使用無(wú)憂主機(jī)過(guò)程中所遇到的一切問(wèn)題! 如果您是無(wú)憂主機(jī)用戶，那么您可以通過(guò)企業(yè)QQ【800088151】、售后QQ【網(wǎng)站最下端有】、旺旺【鋒訊企業(yè)】、400-655-0080免費(fèi)電話、后臺(tái)提交工單這些方式聯(lián)系無(wú)憂主機(jī)客服！ 如果您不是我們的客戶也沒問(wèn)題，點(diǎn)擊頁(yè)面最右邊的企業(yè)QQ在線咨詢圖標(biāo)聯(lián)系我們并購(gòu)買后，我們?yōu)槟赓M(fèi)進(jìn)行無(wú)縫搬家服務(wù)，讓您享受網(wǎng)站零訪問(wèn)延遲的遷移到無(wú)憂主機(jī)的服務(wù)！ 無(wú)憂主機(jī)相關(guān)文章推薦閱讀： ECSHOP程序怎么讓其在首頁(yè)顯示最新的評(píng)論方法呢 取消ECSHOP上傳文件2M的限制方法 ECSHOP程序建站后期如何修改替換新的主域名呢
本文地址：http://www.gle-technology.com/ecshop/23601.html
