responsive-design

    0熱度

    1回答

    這是我的表單,當我在電腦上顯示它有一個很好的尺寸和表單輸入是在同一行,但在我的平板電腦(7「 ),它保留了相同的尺寸和輸入太小那裏。我該怎麼做才能讓我輸入的平板電腦更大?每個輸入一樣寬屏幕。感謝 <div class="col-md-6 col-md-offset-3"> <div class="form-group row"> <div class="col-sm-5">

    0熱度

    1回答

    我想用Firefox的responsive design mode來測試我的網站。 起初我沒有得到可選設備的下拉列表。我試圖通過遵循steps described here來解決此問題。雖然我現在得到了所需的下拉菜單,但「框」僅顯示我訪問的任何網頁的空白頁面。此外,該標籤變得完全沒有反應,即我無法返回到常規觀看模式和/或加載另一個網頁。 任何想法?提前致謝! 僅供參考,我在FF 56.0.1 bu

    0熱度

    2回答

    如何使我的網頁響應,了響應我的意思是它看起來應當是相同的 在臺式機和筆記本電腦same.But我的筆記本電腦和3得到很好(Bootstrap類)的兩排我想它有3行。我有一個像素設計,我需要實現高度和寬度的百分比,使它看起來相同。我有相同的筆記本電腦和桌面的CSS如何可以這是可以實現的。 我有一個導航欄,我需要把它放在一個容器,使其響應? 請幫忙。 <!DOCTYPE html> <html>

    1熱度

    1回答

    我試圖做一個負責任的報頭看起來好於大多數屏幕分辨率(寬度:320-1920px)與媒體查詢的最低使用: 但是當我縮足夠寬度,文本開始重疊外容器: 首先想到的是對li元素使用overflow: hidden;但它不看任何好轉: 下面的代碼: http://jsfiddle.net/Hardcore/hxgbk6m0/1/ 當邊框li元素開始接觸文字時,我希望它不再縮小,所以文字不會重疊li元素的邊框

    0熱度

    1回答

    我想使這種形式響應。我添加了Bootstrap,但它似乎不起作用。我在網頁上添加了這些代碼,並在移動設備上進行了相同的檢查:表單元素混亂了。 有人可以提供特定的幫助指針嗎? 這是我工作的代碼: https://codepen.io/mohdahmed/pen/jaOOwb 這裏是相應的HTML和CSS從我CodePen複製: .mc-container { width: 70%;

    0熱度

    2回答

    我有一個包含有3 <span>做一個漢堡圖標是另一個元素中的導航菜單: .navbar { width: 100%; color: #fff; background-color: #df0024; padding: 1% 0; } .tog { display: flex; cursor: poi

    1熱度

    1回答

    我有一個Bootstrap 4傳送帶空間到右邊的問題,它與頁面沒有很好的對齊。示例在這裏:http://jsbin.com/wakuyiqebu它在移動設備上更加引人注目。 <div class="col-12 col-sm-12 col-md-12 col-lg-5 bg-dark"> </div> <div class="col-12 col-sm-12 col-md-12 col-lg-

    0熱度

    1回答

    我試圖用Flexbox的做到這一點=> 桌面: | | | block 1 | | block 2 | | | | block 3 | 移動: block 1 block 2 block 3 我來到這個 .cont { display: flex; flex-direction: column; flew-wrap: wrap-reverse;

    -1熱度

    3回答

    我已經使用CSS和Bootstrap做了這個設計。我也在使用Bootstrap。發生的問題是這沒有響應。任何人都可以幫助我做出響應? HTML: .ordering .spanone { position: absolute; width: 100px; left: 43%; right: 50%; font-size: 25p

    0熱度

    1回答

    我正試圖實現這種佈局。 左欄固定大小 右欄流體,它可以具有元素x個內,例如高達4分格50像素寬(這是動態地完成),所以它必須是最大200像素寬,或如果它具有3個這樣的元素,那麼它必須是150像素寬... 中心柱流體,需要所有的休息空間 最接近予HA已經來是這樣的: #container { overflow:hidden; width: 100%; }