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