我的網站沒有響應，也沒有調整大小。

-2

我真的可以使用一些幫助，我已經創建了我的網站http://hayleyryan.com/ ，我無法將它重新設置爲較小的瀏覽器窗口或較小的設備。我的網站沒有響應，也沒有調整大小。

我在文檔的頂部包含<meta name="viewport" content="width=device-width, initial-scale=1">，我也將所有內容都設置爲百分比寬度。我查看了所有可能是原因的CSS，我找不到任何東西。它工作正常，直到我刪除元標記，然後再放回去。

任何幫助，將不勝感激，謝謝。

來源

2015-12-18 hayleyshaye

不幸的是，只需添加<meta name="viewport" content="width=device-width, initial-scale=1">即可無法創建響應式網頁。它需要很多其他的東西。看看另一個問題，可能會有所幫助：How to implement responsive web design and its best practices

來源

2015-12-18 08:50:48

喜中距空空導彈，謝謝您的回答！我對使用錯誤的術語表示歉意 - 我知道我需要實現斷點來重新對齊內容。我意識到'敏感'現在不是正確的詞 - 抱歉！我對很多這些術語還是比較陌生的。 – hayleyshaye

拉姆辛格是正確的，但對於你的具體情況，我想補充一點，你的「窗簾」ul是絕對定位。你應該讓它不是絕對的或者增加「寬度：100％」。

此外，您的「桌面」圖像應該有「寬度：100％;」如果你希望它可以調整大小。

來源

2015-12-18 08:55:58 Laurynas

感謝Laurynas，我認爲這個位置必須是我之前刪除的I插件留下的樣式。謝謝！它解決了我的問題。謝謝你的提示，我也會修復桌面圖像。 :) – hayleyshaye

引導包括響應，移動第一流體網格，適當地擴展到12列作爲設備或視口尺寸增大

利爾這個系統。 Responsive Web Design - Media Queries

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

/* Extra small devices (phones, less than 768px) */ 
    /* No media query since this is the default in Bootstrap */ 

    /* Small devices (tablets, 768px and up) */ 
    @media (min-width: @screen-sm-min) { ... } 

    /* Medium devices (desktops, 992px and up) */ 
    @media (min-width: @screen-md-min) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-lg-min) { ... } 

@media (max-width: @screen-xs-max) { ... } 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... } 
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... } 
@media (min-width: @screen-lg-min) { ... }

來源

2015-12-18 09:29:22 Codeone

請查看網站之前啓動響應

http://getbootstrap.com/css/#grid-options

來源

2015-12-18 11:06:29

我的網站沒有響應，也沒有調整大小。

回答

相關問題