提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

根據螢幕寬度顯示不同的內容

對於一個元素，我根據螢幕寬度有兩個不同的文字。當螢幕寬度小於或等於400px時，我想顯示narrow。當螢幕寬度大於400px時，我想顯示large。這裡是程式碼：https://jsbin.com/qagetoseva/edit?html,css,output但問題是，當寬度為400px時，這段程式碼什麼也沒有顯示，有誰知道如何修改嗎？ <!DOCTYPEhtml><html>

P粉904450959 2024-04-01 22:53:42

html5 - 行動端怎麼樣讓圖片寬高比例剛好適應手機目前螢幕全螢幕大小？

1.行動端怎麼樣讓圖片寬高比例剛好適應手機目前螢幕全螢幕大小？當寬度100%時高度就需要自適應，當高度100%時寬度就需要自適應，這樣就可能圖片超出當前屏幕出現滾動條，需要滑動才能看到，或者就會出現留白，沒...

世界只因有你 2017-05-16 13:25:15

寬度

這堂課和下一堂課的寬度設定都是一樣的，怎麼這堂課就是字體在一旁，而且寬度沒有第二堂課的寬度寬，而下一堂課的是字體在上方

A乐顺发智能回转餐饮设备黄莎莎 2020-06-03 17:13:19

javascript - 如何取得未設定寬度的行內元素的精確的寬度？

例如： td 設定了寬度，span 未設定寬度。 1.使用$.width() 取得的是整數寬度，$('td').width() 得到的是218px ，span 為129px2.使用clientWidth ，取得不含邊距、boder的寬度，span寬度為0 ，td寬度為'218'3...

PHP中文网 2017-05-19 10:46:37

顯示 flex 佔用的寬度大於 div 上指定的寬度

div有一定的寬度，裡面的文字動態地來自API，並且有省略號樣式。我無法提供文字的寬度，因為文字是完全動態的並且不確定文字長度。下面是解釋該問題的程式碼。 body{background-color:lightblue;}.container{display:flex;width:130px;}.d-flex{display:flex;}.flex-column{flex-direction:colu

P粉425119739 2023-09-11 18:37:38

javascript - prismplayer播放器全螢幕問題

頁面能正常播放，但是點擊自帶的全屏按鈕時，頁面會有一瞬間全屏，然後頁面又回到了初始狀態。播放器的寬高是透過 js 取得的，因為寬高要隨著瀏覽器的變化而改變。

PHP中文网 2017-07-05 10:37:26

javascript - ppi中的一個像素點的寬度等於1px 嗎？

ppi：pixels per inch，螢幕上每吋可以顯示的像素點的數量，即螢幕像素密度。那一個像素點的寬度等價於網頁設計中的1px嗎？

我想大声告诉你 2017-05-19 10:36:52

javascript - 如何讓外層div隨內層div的寬度自適應調整寬度

最好是純html+css，偽代碼舉例： {代碼...} 讓外層div1的寬度隨內層div的寬度改變

PHP中文网 2017-06-26 10:58:30

如何調整文字區域的大小，使其適應內容寬度，並設定最小寬度和最大寬度？

所以，我現在在文字區域方面遇到了麻煩，我無法將其調整為內容寬度......我找到了關於內容高度的長而詳細的答案，並且它有效！但上面沒有內容寬度...這就是那篇文章：創建具有自動調整大小的文字區域但是，我的問題沒有解決，我也需要調整寬度。考慮最大和最小寬度。這是範例程式碼：$("textarea").each(function(){this.setAttribute("s

P粉277824378 2023-09-05 11:21:30

我可以使用 Vuetify 在行動螢幕上實現表格的全寬嗎

我可以使用Vue2和Vuetify在小螢幕上實現表格「縮小」嗎？我有一個任務，表格需要在移動螢幕上保持全寬，可以放大。基本上實現類似img的行為。我基本上需要從該圖像實現第二個螢幕，但使用v-data-table。儘管“它們都同樣糟糕”，但我需要第二種解決方案。 Vuetify有專門的解決方案嗎？

P粉842215006 2023-08-30 20:56:28

改寫標題：根據螢幕寬度發出 Vue.js 事件

我從側邊欄中獲得了以下代碼。當我單擊任何連結時，我也會向根元件發出事件，然後呼叫一個函數來隱藏側邊欄。這運行良好，但現在我希望僅當螢幕寬度小於768px時才發出事件，以便僅當我想要調用該函數時才能發出事件。 <divclass="side-links"><ul><li><router-link@click="$emit('nav

P粉463291248 2024-03-28 10:37:34

固定寬度可以自適應？

固定寬度可以自適應？

全网最菜的小白 2018-07-02 15:17:54

可變列數的寬度未知

我想在列中排列一些項目。我無法預測項目的寬度或高度，也無法預測容器的寬度或高度。我也無法預測可以容納多少列或列的寬度應該是多少。我希望瀏覽器在不超過容器寬度的情況下，將項目排列在最大數量的列中，同時最小化容器的高度。這個解決了問題，但是否有更好的方法？可以不使用jQuery來實作嗎？可以以一種老舊瀏覽器也能正常顯示的方式來實現嗎（也許將其排列在行中而不是列中）？ <style&

P粉441076405 2023-08-20 21:40:19

如何在行動裝置上實現全寬度的旋轉木馬效果

如何在行動手機或小螢幕裝置上使我的輪播圖變成全寬？任何幫助將不勝感激。您可以查看下面的程式碼，或直接在我的CodePen上查看-https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO<divclass="contain"><divid="owl-carousel"class= "owl-

P粉302484366 2023-08-31 09:17:45

我無法使用 unsplash 設定圖像的寬度和高度

這是html代碼...在此處輸入圖像描述我嘗試多次更改寬度...多次重新啟動VS-code，但我仍然無法更改寬度。每次刷新頁面時它都會給出隨機大小

P粉520204081 2023-09-15 19:40:40

javascript - JAVA後台怎麼設定表頭的寬度

1.JAVA後台怎麼設定表頭的寬度，程式碼如下： 2.導出的表頭列寬太小,求大神解決。

高洛峰 2017-05-17 09:58:22

是否可以使用 vuetify 規則驗證圖片寬度、高度？

我想使用vuetify驗證圖片寬度和高度。我編寫了一個函數來檢查圖像並與條件進行比較。雖然我可以檢查影像的寬度、高度，但規則總是錯誤<v-file-input:id="'file-input-'+label"ref="fileInput":rules="rules.minResolution"class=" file-inp

P粉652523980 2024-03-29 14:30:58

Chrome和Firefox中呈現的文字容器寬度大小不同

為什麼容器寬度在Chrome和Firefox中呈現為不同的尺寸？圖像樣本。 Chrome：渲染寬度為681.273FireFox：渲染寬度為685.8499*{margin:0px;padding:0px;}div{font-size:20px;font-family:'Arvo';max-width:824px;text-transform:none;text-transform:none ;letter-spacing:0em;line

P粉946336138 2024-03-31 13:37:43

javascript - bootstrap table固定列之後寬度無法對齊怎麼解決？

如圖所示，這裡的td寬度就是不一致，怎麼能跟隨表頭的寬度？

我想大声告诉你 2017-07-05 11:02:48

如何設定 flex:auto 元素的子清單的寬度

您好，我有CSS問題。有兩列，右(B)列的固定寬度為100px，左(A)列必須填入剩餘寬度。另外，在A列內，有一個水平添加的子組件清單。問題是，當新增子元件時，A列的寬度變長，B列變低。如何才能讓新增子元件時，如果超過A列寬度，則加入到A列內的底線？當子元素數量較少時當子元素數量增加時（按原樣）當子元素數量增加時（TO-BE）

P粉676588738 2023-09-09 18:09:18