responsive-design

0熱度

1回答

我遇到了響應式設計問題。由於它是移動優化的，我包含了一個視口元標記，它應該確保頁面在沒有任何縮放的情況下加載並佔用完整的視口。然而，這裏是發生了什麼： (Screenshot) When loaded (Screenshot) When zooming out 作爲參考，下方的工具欄菜單的位置是：固定的，因此不包括在正常的頁面流，使其成爲「正常」寬度。這發生在Chrome和Firefox移動設備

0熱度

2回答

針對具有相同視口的2或3臺設備時的媒體查詢問題（768像素或1024像素）

我目前正在開發一個項目，該項目需要多個設備的用戶友好性，但在設備定位設備時遇到問題兩個視口中的一個重新相同，仍然無法找到解決方案。我使用媒體查詢archieve這當然聽起來遠遠不夠，但沒有解釋網上的iPad的迷你本語法 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) a

1熱度

1回答

響應式iFrame視頻縮放，但不會居中

TL; DR：我需要縮放的iFrame以較大的屏幕尺寸爲中心。我知道這是由於方法中的絕對定位問題。我試圖嵌入一個iFrame（YouTube視頻專門）到一個網站。在2017年，我希望網站能夠做出反應，當然，我也希望嵌入式視頻能夠很好地響應。所以我在網上發現了一些代碼，這似乎是響應式調整iFrames的常用方法。我明白這裏發生了什麼。相關HTML： <div class="videoWrappe

0熱度

1回答

如何爲響應式網站設計背景圖片？

我一直在四處尋找答案或指南，但我似乎無法找到任何東西。我可能在這裏錯過了一個關鍵詞。我有一個單頁網站，我想在Photoshop中設計一個背景圖像。我希望能夠圍繞網頁上的元素設計此圖像。這對設計一個特定的屏幕尺寸來說不會太難，但是元件的位置和屏幕的寬度在各個設備之間會發生顯着變化。我只有如何去這兩個概念，兩者都不似乎是一個好方法：創建忽略頁面上的元素，並不會對左/右太多細節的背景圖像在移動設備上

1熱度

1回答

如何使塊浮動圖像正確

這裏是我的代碼： .container { width: 90%; margin: 0 auto; } .holder { display: inline-block; width: 75%; background-color: pink; } img {

0熱度

1回答

響應Navbar與大圖像

我想做一個響應式導航欄，到目前爲止，我已經實現了唯一剩下的事情，我想要做的是修復導航欄如何在較小的窗口中查找。正如你可以看到small resolution當你得到較小的分辨率時，導航欄與圖像重疊。而當你在桌面上的決議，它看起來像這個enter link description here右側的導航欄看起來不太對。如果任何人可以指出我的一些資源，這將有助於我解決這個問題，或者如果任何人都可以解

0熱度

1回答

使圖像疊加響應

我已經創建了一個簡單的圖像疊加，將圖像與position:absolute放置在另一個圖像上。在調整窗口大小時，圖像疊加失去了初始位置，導致兩個圖像分離。我需要他們堅持到相同的位置，直到屏幕達到移動寬度。以下是代碼&這裏是一個codepen。 HTML - <div class="projects"> <div id="images" class="stella"> <di

0熱度

1回答

如何製作響應圖像地圖的每個區域

我有這個圖像地圖，我正在嘗試讓每個選定區域響應...因爲當更改屏幕大小時，圖像適應正確，但是區域不適應圖像的新大小。在這裏你可以看到藍色的選定區域。藍色區域中選擇在這裏，我改變屏幕的大小，但該地區DONT遵循映像 <img class="img-fluid" src="https://image.ibb.co/jaFWgv/MENU.jpg" alt="" usemap="#Map" />

0熱度

1回答

響應CSS容器輸球利潤率只有

我已經得到了下面的CSS其目的是調整到中等大小有一定的列數，則全角項目在小/移動尺寸。一切似乎工作，不同之處在於在所述外容器上的介質/片劑大小，邊距（例如），具有.columnContainer類，顯然丟棄。我用盡了一切我能想到的算出這個，並撞到南牆。在此先感謝您的幫助，您可以用CSS在這裏玩：https://jsfiddle.net/xvLmhfpa/ // This is getting s

0熱度

2回答

圖像在響應式設計中伸展

我在不同尺寸的圖像。所有的圖像都很大。我需要在容器內沒有任何拉伸的情況下顯示圖像。那個容器有一定的高度。所以我已經展示了圖像適合容器內部沒有任何伸展。我需要在html中使用圖像而不是背景圖像。這裏是我的代碼 .image-container { height: 420px; width: 100%; } @media (max-width: 480px