中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

技術(shù)貼,如何解決移動(dòng)適配問(wèn)題

2016-10-16    分類: 網(wǎng)站建設(shè)

好了,這絕對(duì)是技術(shù)貼了,網(wǎng)站設(shè)計(jì)公司在設(shè)計(jì)網(wǎng)站的時(shí)候,一般都是根據(jù)網(wǎng)站的pc尺寸來(lái)進(jìn)行網(wǎng)站設(shè)計(jì)的,這樣的尺寸在pc端還可以,但是如果在移動(dòng)端就顯得太大了。移動(dòng)端還會(huì)產(chǎn)生一個(gè)問(wèn)題,就是4G網(wǎng)絡(luò)的網(wǎng)速加載問(wèn)題,他肯定是沒(méi)有電腦那么快的,這樣下載速度,肯定會(huì)讓用戶體驗(yàn)極差,半天打不開(kāi),所以今天來(lái)和大家聊聊如何在這種情況進(jìn)行解決。

如果這種情況是以背景的方式進(jìn)行展現(xiàn),我們可以用媒體查詢的方式解決,為不同的終端設(shè)置不同的圖片,就比如手機(jī)的尺寸一般都在1000之內(nèi)我們就可以設(shè)置1000以下用圖片,而pc一般都在1300寬度以上,那么我們就可以利用代碼控制相應(yīng)的尺寸即可,但是如果是網(wǎng)頁(yè)中加入圖片的話,就較為復(fù)雜一些。

一、采用srcset屬性,如下代碼

這里面的1x其實(shí)就是指顯示器的倍數(shù)。,學(xué)過(guò)程序的應(yīng)該都知道,srcset里面是根據(jù)媒體查詢條件顯示不同圖片。正常我是兩者結(jié)合的方式實(shí)現(xiàn),各大瀏覽器最新的版本基本都支持,但是IE系列的不支持,這讓我們感到非常頭痛,兼容性。

但是值得注意的是,ie不支持的話,很多以ie為內(nèi)核的瀏覽器也是不支持的,比如說(shuō)扣扣,和微信原始瀏覽器,所以這里的話,我們還可以用第二種方案解決,就是picture。

二、采用picture元素,如下代碼

<picture alt=““>

<source src=“大圖路徑“ alt=““ media=“(min-width: 640px)“>

<source src=“小圖“ alt=““ media=“(max-width: 639px)“>

<img src=“默認(rèn)圖片“ alt=““ alt=““>

</picture>

所以說(shuō)根據(jù)現(xiàn)在的技術(shù)提升,我們能夠解決自適應(yīng)的方式也多了起來(lái),我們可以采用以上兩種方式提升,如果有什么不懂也可以私信我們,建設(shè)一個(gè)好的網(wǎng)站不僅僅是建好就完事,更多的是去思考與時(shí)俱進(jìn)的同時(shí),我們應(yīng)該如何解決每個(gè)遇到的問(wèn)題,自適應(yīng)其實(shí)只是其中的一小項(xiàng),像是尺寸適應(yīng),網(wǎng)頁(yè)縮放都是我們經(jīng)常遇到的。

當(dāng)前題目:技術(shù)貼,如何解決移動(dòng)適配問(wèn)題
分享URL:http://m.rwnh.cn/news22/47122.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、網(wǎng)站策劃、域名注冊(cè)、品牌網(wǎng)站設(shè)計(jì)定制網(wǎng)站、ChatGPT

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)
灵山县| 清徐县| 教育| 合江县| 黄浦区| 昆明市| 洛阳市| 桦甸市| 蓝山县| 富阳市| 古蔺县| 多伦县| 衡东县| 万盛区| 晋城| 和龙市| 凤城市| 甘肃省| 鸡东县| 周至县| 新野县| 福州市| 堆龙德庆县| 休宁县| 三门县| 阿拉尔市| 古丈县| 西安市| 铜山县| 金秀| 望奎县| 贵德县| 青神县| 北川| 微山县| 金川县| 建昌县| 柘城县| 广元市| 南郑县| 房产|