頁(yè)面自適應(yīng)常用的幾種方式
媒體查詢(xún)media screen在能夠初步判斷目標(biāo)用戶的分辨率的前提下，針對(duì)改分辨率下的樣式做特殊處理。我們?cè)谧鰓eb頁(yè)面時(shí)最常用的單位就是像素（px），但如果使用固定像素，會(huì)導(dǎo)致某些分辨率小的電腦可
Echarts根據(jù)數(shù)據(jù)量控制寬度
之前給大家講過(guò)如何通過(guò)控制數(shù)據(jù)的間隔來(lái)實(shí)現(xiàn)避免x軸過(guò)于擁擠，其實(shí)還有另外一種方法就是設(shè)置滾動(dòng)條，其實(shí)echarts是有滾動(dòng)條這個(gè)屬性的只不過(guò)很丑，如下圖 這個(gè)屬性叫做dataZoom，有縮放的滾動(dòng)的功能，感興趣的大家可以了解一下，但是我們這里只需要滾動(dòng)條，那該怎么辦呢？其實(shí)完全可以配合css解決這個(gè)問(wèn)題。 這里給大家看一下我的區(qū)域劃分。 紅色的部分為一個(gè)div，綠色的頭部...
Element表格實(shí)現(xiàn)不同分辨率下自適應(yīng)
前端做網(wǎng)頁(yè)的時(shí)候總會(huì)遇到在不同的分辨率下適配的問(wèn)題，element可以為表格設(shè)定固定寬度，但是遇到不同分辨率下可能會(huì)讓頁(yè)面出現(xiàn)滾動(dòng)條。 先說(shuō)一下思路，在頁(yè)面不是很復(fù)雜的情況下，就是獲取到窗口的高度，然后減去其他div區(qū)域的高度，剩下的全是表格的。這里有兩種解決思路，css屬性的vh和js的window.innerHeight。Css方法： 在css3中,vh和vw是視口單位,是相對(duì)長(zhǎng)度單位。1...
設(shè)計(jì)中文字排版怎樣才更出彩？
文字編排是一種藝術(shù)創(chuàng)作過(guò)程，是通過(guò)藝術(shù)地手段將平面中的文字組成要素，在符合閱讀邏輯的前提下加以重新組合調(diào)度，并在結(jié)構(gòu)及色彩上作整合安排的一種視覺(jué)傳達(dá)方式，它是一種重要的視覺(jué)傳達(dá)語(yǔ)言，是一門(mén)相對(duì)獨(dú)立的平面設(shè)計(jì)藝術(shù)，也是設(shè)計(jì)師必須要熟練掌握的一項(xiàng)基本技能。
