responsive-design

1熱度

1回答

我有一個簡單的表單，我希望它能夠響應，即使是最小的屏幕，如Iphone 5.當它在大屏幕上時，它沒有問題，但當它減少時會破壞形成。什麼是如何使表單響應的技巧。什麼是最快捷的方法呢？ html, body{ font-family: Helvetica; font-size: 12px; } .center_div{ margin: 0 auto

0熱度

1回答

div內的元素，但不能在視圖中滾動

我正在使我的應用移動設備響應，因此我爲某些CSS添加@media查詢。我有一個包含圖片和相應名稱列表的div，但在視圖中它不會從第一張圖片開始。它將根據屏幕大小在6/7開始。任何想法如何解決這一問題？ HTML <div class="left"> <div class="profTemp"> <img src="https://s-media-cache-ak0.pi

13熱度

1回答

造型錯誤，Chrome瀏覽器工作正常

的http://www.ergotopia.de/ergonomie-shop/ergonomische-kissen/orthopaedisches-sitzkissen移動頁面應該像權（它是如何在鉻的檢測），但它看起來像左邊的智能手機的默認瀏覽器。在智能手機Chrome瀏覽器上它看起來也很正常，但大多數人不幸地使用默認瀏覽器。我試着用下面以實現怪異的類「產品信息」，但沒有任何變化。你知道這裏

1熱度

1回答

如何使兩個按鈕並排並響應？

我有一個小任務，它需要兩個按鈕並排使用桌面時，然後在移動時，他們堆疊在彼此的頂部，但沒有減少大小。我已經設法使他們堆疊在一起，但他們是不同的大小？每當我定義按鈕的百分比大小時，它們會使它們在設備視圖中擠在一起並看起來很醜。 .button { background-color: #f2f2f2;; border: none; color: #737373

0熱度

2回答

需要兩列堆棧而不是重疊的移動

我試圖使這兩列響應，但無論我嘗試，它們重疊。任何幫助，將不勝感激！ #serviceTop{width:48%;margin:0 0 0 160px;} #minicontact{width:25%;float:right;margin:-525px 155px -5px 0;} #button4{margin:0 0 0 122px;height:55px;width:145px;

0熱度

1回答

響應式不工作

我在我的所有頁面中都有下面的元標記（這些頁面在iframe中），但我不知道爲什麼它不起作用。我使用bootstrap 3來使所有頁面響應。 <meta name="viewport" content="width=device-width, initial-scale=1"> 有人能幫助我嗎？

0熱度

2回答

上傳到服務器後，我的引導程序網站圖像無法在移動設備上正確顯示

我使用bootstra-andamios.cl 這個網站它在桌面上是完美的。我已通過Chrome的不同視口進行了檢查。它作爲一個完整的響應網站正常工作，但當我上傳到服務器，並與iPhone和iPad訪問該網站。一些圖像被拉伸，一些沒有顯示。但在Android設備上，我可以說幾乎沒有問題（圖片顯示），但並不完美。在PC上，它是完美的。完成項目後，我還看到了一個水平滾動條。我的意思是頁面右側有一些

0熱度

1回答

創建響應式導航欄時遇到問題

難以使導航欄響應。由於期望的設計，我使用了兩個具有圖像的ul。這會導致斷點以較大的尺寸發生，這是因爲li填充。我想將徽標移動到左側，並添加一個下拉按鈕以顯示導航欄選項，並以移動顯示寬度刪除頂部欄。任何幫助將不勝感激，謝謝。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" c

0熱度

3回答

CSS Div內容與其他內容重疊

我的CSS腳本存在問題。我的第一個div的內容與另一個div內容重疊。我試過的人在這裏的解決方案，但它並沒有解決我的問題 https://jsfiddle.net/ryuchix/89ws6xan/8/ 我知道固定高度將解決這個問題。但我不想那樣。因爲有時用戶輸入長文本。 HTML <div class="row" > <div class="col col-md-12">

-1熱度

1回答

Ionic 3 Grid在較大設備上未按預期工作（希望我錯了）

我正在使用Ionic 3flexbox網格系統如下所示。這是一個Modal`控制器。的.html <ion-content class="content"> <ion-grid no-padding> <ion-row class="header"> </ion-row> <ion-row padding class="details"> <i