在retain屏下實現真實1px邊框

2021-06-21 11:36:55 字數 756 閱讀 5188

由於在css中只能設定css畫素,而ratain螢幕下1css畫素=2真實畫素,所以設計稿中給出的1px邊框總是變成2px,而2px的雙色邊框只能變成4px,沒有真實還原設計稿,如圖:

今天在看響應式設計的文章時發現乙個解決方案,用漸變來實現真實的1px,即在ratain屏下,設定漸變背景50%處漸變,背景高度1px,這樣實際將1css畫素拆分成兩個單元,就可以為單個畫素設定顏色了

實際效果

2真實畫素雙色邊框

1真實畫素單色邊框

**中要使用media-query來判定是否使用漸變方案

@media only screen and(-webkit-min-device-pixel-ratio:1.5) ,

only screen and (min-device-pixel-ratio:1.5)

}

不過這種方案比較侷限的地方是不改變html的情況下只可以實現單側邊框,如需要多側邊框則需要增加dom複雜度

ps:後來發現,這種方法只有在ios7下有效。ios6及以下仍顯示2真實畫素

在Grails下檢視真實的SQL

以往我們都是在hibernate裡面開啟sql,在grails裡面只需要在 datasource.groovy 裡面的乙個datasource加入乙個 logsql true即可,但是這樣加後發出的sql是這樣的 insert into t user values 看不到 裡面的值 如果我想看到裡面...

基於C 語言在Linux環境下模擬實現命令直譯器

一 需求分析 程式實現的功能如下 顯示當前所在目錄的路徑名 列出指定目錄中所有的目錄和檔案 改變當前工作目錄 新建乙個目錄即新建乙個資料夾 刪除乙個目錄即刪除乙個資料夾 退出命令解釋程式 重新命名乙個檔案或目錄 複製已經存在的目錄 在指定的乙個目錄及其子目錄中查詢指定的檔案和目錄,並輸出查詢到的檔案...

基於C 語言在Linux環境下模擬實現命令直譯器

一 需求分析 程式實現的功能如下 顯示當前所在目錄的路徑名 列出指定目錄中所有的目錄和檔案 改變當前工作目錄 新建乙個目錄即新建乙個資料夾 刪除乙個目錄即刪除乙個資料夾 退出命令解釋程式 重新命名乙個檔案或目錄 複製已經存在的目錄 在指定的乙個目錄及其子目錄中查詢指定的檔案和目錄,並輸出查詢到的檔案...