相關(guān)文章

• 樣式里的寬度為小數(shù)，js獲取其值

  摘要：動(dòng)起來(lái)代碼四舍五入運(yùn)算通過(guò)實(shí)驗(yàn)我們發(fā)現(xiàn)，樣式可以設(shè)置為小數(shù)，但是獲取其值的時(shí)候，會(huì)進(jìn)行四舍五入。 js代碼： window.onload = function() { var oBtn = document.getElementById(btn); var oDiv = document.getElementById(div1); al...

  superPershing 2019-08-19 18:42 評(píng)論0 收藏0

• JavaScript 進(jìn)階知識(shí) - 特效篇(一)

  摘要：之前是一個(gè)全局變量，如果不獨(dú)立，頁(yè)面只有一個(gè)定時(shí)器在運(yùn)作。這時(shí)的判斷條件應(yīng)該是目標(biāo)距離與盒子目前距離之間差的絕對(duì)值大于等于一步距離絕對(duì)值的時(shí)候，讓他們執(zhí)行否則的話清除清除定時(shí)器，并將最后的距離直接設(shè)置為的距離。 showImg(https://segmentfault.com/img/remote/1460000012623412?w=1920&h=1080); JS特效 前言 經(jīng)過(guò)前...

  curlyCheng 2019-08-21 18:27 評(píng)論0 收藏0

• 移動(dòng)端適配之三：使用meta標(biāo)簽設(shè)置viewport

  摘要：現(xiàn)在開(kāi)始，用標(biāo)簽來(lái)設(shè)置?；氐綉?yīng)用場(chǎng)景，我們用這個(gè)標(biāo)簽的主要目的是做移動(dòng)端的適配，一般都是做一個(gè)專(zhuān)門(mén)為移動(dòng)端設(shè)計(jì)的頁(yè)面。利用這個(gè)，就是用來(lái)設(shè)置的寬度。小結(jié)用的目的，是為了設(shè)置的大小，從而保證能在移動(dòng)端設(shè)備上合適的顯示出來(lái)。 前兩篇博客，把像素和viewport的概念講清楚了?，F(xiàn)在開(kāi)始，用meta標(biāo)簽來(lái)設(shè)置viewport。 meta標(biāo)簽 meta標(biāo)簽里面的內(nèi)容，主要是提供關(guān)于這個(gè)HTML...

  Andrman 2019-08-30 15:44 評(píng)論0 收藏0

• 【CSS基礎(chǔ)】CSS常見(jiàn)概念

  摘要：在中主要通過(guò)四個(gè)部分來(lái)描述，分別為。對(duì)于元素，負(fù)值會(huì)完全覆蓋前一個(gè)元素，會(huì)影響后面元素一起移動(dòng)對(duì)于元素，元素脫離了普通文檔流，對(duì)其他元素沒(méi)有影響對(duì)于元素，可以通過(guò)負(fù)值進(jìn)行覆蓋，最常見(jiàn)的應(yīng)用是三列布局。 瀏覽器渲染過(guò)程 不同的瀏覽器渲染過(guò)程實(shí)際上并不相同，但是依舊存在相一致的部分，大致過(guò)程如下所示：showImg(https://segmentfault.com/img/bVHJfZ?w...

  hsluoyz 2019-08-30 14:07 評(píng)論0 收藏0

• 瀏覽器對(duì)css小數(shù)點(diǎn)的處理

  摘要：但是通過(guò)分析驗(yàn)證了問(wèn)題所在，之后遇到這種情況的時(shí)候便有了解決辦法合理設(shè)置百分比，使其計(jì)算結(jié)果小數(shù)點(diǎn)，進(jìn)而四舍五入之后寬度大于實(shí)際渲染寬度 近期在開(kāi)發(fā)的時(shí)候遇到一個(gè)奇怪的問(wèn)題，如下圖(ios系統(tǒng)，android暫未發(fā)現(xiàn))，第一個(gè)和第三個(gè)子元素中的角標(biāo)與父元素始終有一條縫隙，但是第二個(gè)沒(méi)有，因?yàn)榈谝淮斡龅剑瑳](méi)有意識(shí)到是小數(shù)點(diǎn)的問(wèn)題，然后從頭到尾重新看了相關(guān)的樣式，布局，設(shè)置都沒(méi)有問(wèn)題，但是...

  NikoManiac 2019-08-29 14:09 評(píng)論0 收藏0