最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

之前的文章說過關(guān)于行內(nèi)元素垂直方向?qū)R的方案。感興趣的可以看我的往期文章。在上一篇文章里我們提到了 1px 內(nèi)的移動問題。本文就一像素內(nèi)的問題給出解決方案。

公司主營業(yè)務(wù)：成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出樺川免費(fèi)做網(wǎng)站回饋大家。

可能大家看過關(guān)于 Retina 屏幕的一像素邊框問題，注意這里是邊框?qū)挾榷皇且苿釉亍?/p>

什么?border 小于 1px ?

對，因?yàn)榍懊嬗腥私o出相關(guān)方案而且好多種方案，這里不重復(fù)描述實(shí)現(xiàn)原理，給大家兩個鏈接，感興趣的自己跳轉(zhuǎn)。

• Retina 屏的移動設(shè)備如何實(shí)現(xiàn)真正 1px 的線?
• 移動 web 點(diǎn) 5 像素的秘密

看完大徹大悟，佩服佩服，思路很多，回到本文重點(diǎn)

想一下能實(shí)現(xiàn)移動的方法 position(top,right,bottom,left), margin, padding, vertical-align。

上面給的只是一部分可以通過具體單位(px, em, rem 等)進(jìn)行移動的方法

本著實(shí)踐的原則，上述方案都不可行，在***的 chrome 中，當(dāng)小于 0.5px 時是 0，當(dāng)大于等于 0.5px 時就變成 1px。

因?yàn)榘咐^于簡單，不做 demo ，感興趣的自己實(shí)踐，相信大家多數(shù)人試驗(yàn)過了。

那么還有什么以具體單位移動的屬性呢?

解決方案

也許你早就知道有 transform 的 translate 屬性了。沒錯它就能實(shí)現(xiàn) 1px 內(nèi)的移動!

基本語法：

 
 
  
  
transform: translate(12px, 50%); 
  
  
 
  
  
transform: translateX(2em); 
  
  
 
  
  
transform: translateY(3in);  
 

給出本文的 demo 代碼，