responsive-design

0熱度

1回答

我的媒體查詢條件類似如下所示。 /* CSS for bigger than 900 */ @media screen and (max-width: 900px){ /* CSS for smaller than 900 */ } @media screen and (max-width: 420px){ /* CSS for smaller than 420 */ } 當瀏

1熱度

1回答

適用於PC，平板電腦和智能手機的設計技巧？

到現在爲止，我主要使用Javascript，jQuery幫助製作適合PC（桌面）的網站。現在，我需要建立一個小型網站表格作業時間記錄帶有菜單，彈出窗口，對話框，圖表以及通過表格單元上的點擊事件（鼠標或觸摸設備）輸入和修改數據的能力，以及額外的統計數據，等等。我開始製作包括jQuery移動版在內的獨立版本），但過了一段時間，我對跟蹤所有變化並理解這種複雜的編碼感到非常困惑！然後我決定應用某種響應式技

-2熱度

2回答

響應式文本中斷

對不起，我的英語不好我有一個響應式文本的問題，你能幫助我嗎？看看我的網站：http://idarya.fr/ 上的「#Refugier」的H2他打破我發現文本切的解決方案： @media screen and (max-width: 760px) { h2.section-heading2{ font-size: 30px; margin-top: 250p

0熱度

2回答

css文字不顯示響應手機

第一個圖像是桌面view.it是沒問題的，但是當我在瀏覽器中觀看手機視圖。 h1正在上升，並沒有在屏幕上顯示。 //第二個圖像是爲移動設備查看。我希望在這裏解釋這個問題。 HTML代碼 <div class="container" id="slide"> <div id="myCarousel" class="carousel slide" data-ride="carousel">

1熱度

3回答

圖像與％不成比例地縮小？

好吧，我只是試圖使用width:10%;來縮小.jpg中的社交圖標的大小。而不是按比例縮小，它是squishy。我使用的圖片尺寸爲250px×250px，用於社交圖標圖片需要相對於屏幕尺寸增長。有任何想法嗎？ HTML <div class="social-footer"> <h3 class="connect-us-title">Connect With Us</h3>

0熱度

1回答

使彈出div響應移動設備

我想讓我的彈出div在移動設備上響應。它在網站上工作得很好，但在我的移動設備上，您無法退出彈出窗口，並且它太大。我假設我必須使用媒體查詢，但我已經嘗試了一些，並且我對媒體查詢的經驗也不是很豐富。我提供了我的問題和我的代碼彈出窗口的屏幕截圖。 CSS： <style> #close{ width: 20px; height: 20px; background:

3熱度

1回答

什麼是最好的方式有一次的句子生活在兩線與響應式設計

爲了設計的目的，我想有一個句子拆分到另一行，我遇到的問題是無縫地適合在包含div作爲分辨率變小。我現在設置的方式是將句子的寬度設置爲小於包含的div，以便單詞「all」後面的任何文本向下移動到下一行。我遇到的問題顯然是在任何低於最高分辨率的媒體查詢中，％寬度看起來不太好。要做到這一點的唯一方法是創建多個媒體查詢？目前代碼： div.slide { padding: 110px 3

1熱度

1回答

如何通過瀏覽器大小來調整Javascript幻燈片大小

所以我已經在Javascript/jQuery中完成了這個小小的自動幻燈片演示。它工作得很好，但我無法弄清楚如何按照屏幕尺寸縮放它，使其變得流暢。它目前已針對1920x1080進行了優化。我試着將這個值（document.body.style.width）分配給寬度變量沒有運氣，嘗試使用百分比而不是像素，並嘗試使用非常黑客修復與媒體查詢所有徒勞無功。如果任何人有我怎麼可能做到這一點要告訴一個想

1熱度

1回答

全屏三角形設計

創建具有兩列div的目標頁面的最佳方式是什麼？我到目前爲止有：http://jsbin.com/kuxizepiqo/edit?html,css,output .t-content { width:100%; height:100%; display:block; overflow:hidden; background:black; p

0熱度

2回答

一個響應式封面圖片菜單的東西

我可以使它的工作，但只要我嘗試調整它的大小，以確保它的響應能力，它縮放非常奇怪。基本上，我需要的照片是他們的自然大小，並排列在一起，沒有任何空白。此外，文字需要在中間。我把它全部放在JSFiddle這裏是一個GIF。 gif更重要，所以你可以看到我的問題。感謝您的幫助，我無法弄清楚這一點。非常感謝您的幫助。 <div class="aktivnostiList"> <div class=