div滾動框,自適應大小

2021-08-30 03:02:59 字數 408 閱讀 2739

在最近的專案中需要在頁面展示許多的字段資訊(不下30個),而且有的字段會比較長,不使用滾動框幾乎無法瀏覽。但是使用者不希望整個頁面都帶滾動框,因此只有在展示資料的列表中使用div來實現滾動效果,由於div實現了滾動必須確定其大小或者div的父元素中有確定大小的存在,所以在不同解析度的瀏覽器中表現的大小就不一致,導致介面十分難看,經過一段時間查詢也沒有找到十分有效地方法,最後只好只用乙個比較委婉的方式來實現了。

在頁面載入完後,通過window.screen.width得到客戶端解析度的大小,再來設定div的大小,這樣在不同解析度的客戶端中div的大小就表現的比較一致了。具體**如下:

//根據當前頁面的大小設定div的寬度

function setdivwidth()

CSS img自適應div大小

如下 doctype html html head meta charset utf 8 title 哈哈 title style div0 div1 bg1 div2 bg2 div3 bg3 style head body div class div0 img src img qt img sa...

自適應大小

原文出處忘了 自適應大小一般分為對話方塊自適應大小和控制項自適應大小。1.對話方塊自適應大小 在螢幕 高度和寬度是螢幕的一半 int cx getsystemmetrics sm cxscreen int cy getsystemmetrics sm cyscreen movewindow m hw...

div自適應高度

如何控制div最小高度又div自適高度 我們在用div布局的時候經常會遇到這樣的一種情況 我們需要設定乙個div高度,當裡面的東西超過這個高度時,讓這個容器自動被撐開,也就是div自適應高度。當裡面的資訊很少時候,我們就設定它乙個最小的固定高度。我們知道,在ie6中,如果子容器的高度超過父容器的時候...