css-calc

1熱度

1回答

可以減去一個負數嗎？ width: calc(35% - -20px); 因爲如果我這樣做如上，它的表現比我做不同的： width: calc(35% + 20px); 在這裏你可以看到其中的差別： http://nightly.gamempire.it/ 放的窗口瀏覽器< 1200px和> 1000px 分析#gallery_thumb元素其實你看到它有：理論值（35％ - -20px

371熱度

5回答

禁用不太CSS改寫計算（）

現在，我想在我更少的代碼做這在CSS3： width: calc(100% - 200px); 然而，當LESS編譯它輸出這樣的： width: calc(-100%); 有沒有辦法告訴LESS不要以這種方式編譯它並正常輸出它？

10熱度

1回答

calc（）100％+ #px

我試圖實現一些我甚至不太確定的可能性。我想在我的網站導航下放置一個特定的陰影PNG圖像。不過，我也想重複使用這個功能，我希望在網站上的任何對象，無論是圖像，div或按鈕。基本上對任何物體使用相同的陰影圖像。使用css3 calc()函數我試圖做對象的高度@ 100％+ 25px（png的高度）。我已經試過造型： height: -webkit-calc(100% + 25px); heig

43熱度

1回答

有沒有一種方法可以在〜運算符中使用Less中的變量，例如〜「calc（100％ - @spacing）」;

有少~運營商使用變量的方式，像 ~"calc(70% - @spacing)"; 當我已經嘗試過了，只用靜態值就像 ~"calc(70% - 10px)"; 我能得到的字符串，先評估作爲一個財產設置。

2熱度

1回答

解析錯誤使用鈣與REM和PX

時，我有以下的CSS： body { width: calc(700px + 2 * 4rem); } .someclass { margin: calc(2rem - 2px) 0; } 當我通過W3C CSS驗證運行此，我得到值錯誤：寬度分析錯誤+ 2 * 4rem）值錯誤：保證金分析錯誤 - 2像素）0 是什麼造成的？我在calc()中使用的所有單位都是長

0熱度

1回答

媒體查詢不重寫WebKit的鈣

我有一個計算的定義： #navigation-panel { a, i.navEmptyBlock { // ... width: -webkit-calc(12% - 2px); width: -moz-calc(12% - 2px); width: -o-calc(12% - 2px); width: -ms-calc(1

0熱度

1回答

Android和iOS Calc（）標記問題

您好，我在IOS和標準Android瀏覽器上的Safari（）標記都有問題。除非支持Calc（）標記，否則該網站獲得了固定的寬度和高度。瀏覽器 - >計算器支持沒有問題 Safari瀏覽器的Mac - >計算器不支持固定的寬和高度沒有問題 Safari瀏覽器IOS - >支持計算器不能正常顯示！例站點：http://www.aquatest.nl 計算值兼容性圖表：http://canius

13熱度

2回答

如何在另一個函數中使用calc（）

是否可以在transform或translate之類的CSS函數中使用calc()？我似乎無法得到它的工作。這裏是一個演示所以你們可以玩： http://jsfiddle.net/qdJwY/1/

2熱度

2回答

-moz-calc crossbrowser（polyfills？hooks？）

我正在研究一些當前使用LESS，CSS3和其他一些「花哨」技術的項目。我有一些代碼段，其計算的高度對我來說： height: -moz-calc(100% - 40px); 我也用在其他幾個地方-moz-計算，計算一些東西。問題是讓它工作crossbrowser（O，Safari，Chrome，IE8 +）。即使我試圖通過JS（jquery）來完成它也有點棘手，但不幸的是有些情況非常棘手。所以

279熱度

4回答

與CSS3鈣

，我使用（OrangeBits和dotless 1.3.0.5）的減編譯偏保守編譯正在積極轉換 body { width: calc(100% - 250px - 1.5em); } 到 body { width: calc(-151.5%); } 這顯然是不希望。我想知道是否有辦法向Less編譯器發出信號，以便在編譯期間實質上忽略該屬性。我已經通過Less文檔和兩個編譯器的文檔進行了搜