responsive-design

0熱度

2回答

我是Web開發人員的初學者，我被困在ASP.Net MVC 5項目的一個地方。在現代網站中，大多數情況下，Container-Fluid用於在瀏覽主頁時使用瀏覽器的全部寬度。但是現在即使我去登記表格時也存在問題，左側沒有填充。基本上，我想流體的主頁，但是當我去註冊，甚至登錄頁面，我期望一些填充。我的佈局文件： <div class="container-fluid body-content">

0熱度

1回答

在響應式設計中TD垂直對齊的最大餘量

我有一張帶有3列的表格，其中包含庫中的照片。右列和左列是箭頭。我想讓箭頭垂直放置在高度的中間，但是在大屏幕中，我希望將箭頭的頂部邊距限制在距離桌子頂部不超過80像素的位置。我想我正在尋找像「最大利潤率」這樣的東西！但我無法通過純CSS來處理它。 <table style="width:100%"> <tr> <td style="width:60px;vertical-align:mi

1熱度

1回答

角度彈性佈局性能

我想用角度4構建響應式應用程序。我正在檢查一些響應平臺，當然其中一個主要選項是angular flex-layout。我做了一些測試頁面的角度flex-layout，我看到它不使用CSS媒體查詢，所有的聆聽和響應都是通過typescript實現的。這是否會導致移動設備/低資源設備出現性能問題？還有更多的響應框架，如flexbox-grid，它們只是基於CSS。從性能的角度來看，使用基於css

-2熱度

1回答

如何根據屏幕分辨率正確縮放網頁？

我有一個網頁psd，它是在1920x1080分辨率設計的。標準筆記本電腦和臺式機的分辨率爲1366x768。我已經轉換PSD使用Skelton CSS 現在，我怎麼能擴展一樣，如果我根據PSD寫作風格爲1920×1080，並適配體間隔元件的上/下尺寸在1366的分辨率爲HTML並在觀看時1366的分辨率應該和psd完全一樣。像RetinaJS它可以根據屏幕大小輕鬆放大/縮小圖像。有什麼框架

0熱度

1回答

定製YouTube視頻不要全屏播放在手機上

是否有可能播放響應移動設備的YouTube視頻不播放播放按鈕後全屏播放。換句話說，在定義的div框中播放。 <p> <div class="w3-row w3-padding-0"> <div id="topleftfadein" class="w3-col s12 l12 m12 w3-margin-bottom animated fadeInLeft slower w3-white

0熱度

2回答

Bootstrap 4 img響應在一行

我試圖添加一行到我的引導站點與四個圖像大小通過img響應屬性。我想要有以下外觀：「桌面4列，平板2列和移動1列」爲此，我使用「col-md-3 col-sm-6 col-xs-12」「我在這裏找到了stackoverflow。我的代碼如下所示： <div class="container download" id="downloads"> <h2>Downloads</h2>

-1熱度

1回答

自舉4 - 兩列的佈局與第二列，以顯示細節在移動視圖

0熱度

2回答

三個彼此相鄰的響應框，其中按鈕需要在底部對齊

我有三個相鄰的框，其底部包含標題，圖像和按鈕。最後一個框在圖像下面有文本，圖像的高度比前兩個短。我製作了代碼筆供參考： https://codepen.io/jessiemele/pen/aLmoYz。當縮放屏幕時，您可以看到，隨着圖像變小，第三個框上的按鈕隨之移動，但其他兩個保持一致。我怎樣才能在第三個盒子上的按鈕與其他兩個保持聯繫？我的html： <div class="container"

2熱度

2回答

iPhone X網站安全區

iPhone X風景默認安全區域和缺口解決方案。我加了這個問題，幫助他人避免頭疼我腦袋試圖解決我的網站上新的iPhone 10 基本上，問題是白條

0熱度

1回答

Srcset不工作，但顯示ALT標記消息

我正在建立一個新的網站，並希望使用srcset讓瀏覽器確定什麼圖像是最好的當前視口。會發生什麼是我曾經放在srcset瀏覽器將只顯示替代標記文本「測試」。如果我通過F12開發人員工具完全刪除srcset屬性，則圖像顯示得很好。我的示例中的所有圖像都存在並顯示在瀏覽器中：這是我的圖像標籤，是否有人可以看到有什麼問題？ <img src="http://localhost/Medium/Alas