摘要:流式布局概念流式布局是頁面元素寬度按照屏幕分辨率進(jìn)行適配調(diào)整,但是整體布局不變。有些手機(jī)頁面的寬度會被拉伸,但是高度不變,很不協(xié)調(diào)。弊端全局縮放,可能會造成出錯。這兩者適合在大項(xiàng)目中,因?yàn)榭梢耘浜匣蚴?,不適合單頁面。 1. 流式布局 概念:流式布局是頁面元素寬度按照屏幕分辨率進(jìn)行適配調(diào)整,但是整體布局不變。 設(shè)計(jì)方法:布局都是通過百分比來定義寬度,但是高度大都是用px固定的。 弊端:...
摘要:可是由于新的公司所用的就是這樣的一個技術(shù)棧不得不放下自己的觀念敞開胸懷去迎接他就這樣順理成章的從切換到了目前為止公司的前端主要都是在使用或者此時(shí)曾經(jīng)那種對的抵觸心理已完全沒有了腰也不疼了腿也有勁了吃東西也有胃口了。 showImg(https://segmentfault.com/img/bV1ck2?w=1100&h=719); 先來點(diǎn)實(shí)在的,附上這一年關(guān)于前端框架(React,An...
摘要:今天在做項(xiàng)目的時(shí)候碰到這個問題右側(cè)紅線內(nèi)的小標(biāo)題單行兩端對齊。兩端對齊的屬性我們知道是,但是這個屬性有它的局限性只能為或多行文字才能實(shí)現(xiàn)兩端對齊。也就是說,在現(xiàn)在的情況下,小標(biāo)題的單行文字僅僅使用是實(shí)現(xiàn)不了兩端對齊的。 今天在做項(xiàng)目的時(shí)候碰到這個問題:右側(cè)紅線內(nèi)的小標(biāo)題單行兩端對齊。 showImg(https://segmentfault.com/img/bVQv1a?w=319&h...
摘要:方法一不能指定任意大小百分比,可用,用于單張圖片不能使用圖片精靈等拼圖,要引用絕對路徑圖片,兼容,方法二這個鏈接直接提取下載我把這個文件放在文件夾目錄下。 方法一: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=images/logo.gif, sizingMethod=scale); -ms-filte...
摘要:閑來無事,用寫了個時(shí)鐘,只要思路理清了,做起來其實(shí)還挺簡單的。先發(fā)個效果鏈接點(diǎn)擊查看代碼實(shí)現(xiàn)這里要注意的是里面的寬度給夠,要不然后面用布局會出現(xiàn)問題。 閑來無事,用JS寫了個時(shí)鐘,只要思路理清了,做起來其實(shí)還挺簡單的。 先發(fā)個效果鏈接 點(diǎn)擊查看 Demo showImg(https://segmentfault.com/img/bVzKLJ); 代碼實(shí)現(xiàn) HTML ...
暫無介紹