国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

elementui table 在瀏覽器分辨率變化的時候界面異常

這篇具有很好參考價值的文章主要介紹了elementui table 在瀏覽器分辨率變化的時候界面異常。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

異常點:

  1. 界面顯示不完整,
  2. 表格卡頓,界面已經(jīng)刷新完成,但是表格的寬度還在一點一點變化,甚至有無線延伸的情況

思路:

?1. 使用doLayout

這里官方文檔有說明,

elementui table 在瀏覽器分辨率變化的時候界面異常,elementui,前端,javascript

所以我的想法是,監(jiān)聽瀏覽器的resize事件,然后執(zhí)行doLayout 方法。

結(jié)果是:

偶爾可以解決,偶爾又出現(xiàn)了,,,四舍五入等于沒解決

?2. 調(diào)整css 樣式

是的,沒錯,調(diào)整css樣式就可以。

elementui table 在瀏覽器分辨率變化的時候界面異常,elementui,前端,javascript

重點就是在我們?nèi)绾螌崿F(xiàn)以上這種樣式。

我最開始的方案是aside 定寬,main則使用flex:1 的方式。(這種方式就會出現(xiàn)上面所說的異常點)

所以我試著進(jìn)行了調(diào)整:

在父級添加 width: 100% 時,aside 定寬不變,但是對于main 則改用calc: (100% - 定寬)。

效果驚人的好,此時無論如何調(diào)整瀏覽器分辨率,el-table 都可以正常顯示,且沒有出現(xiàn)卡頓的情況。文章來源地址http://www.zghlxwxcb.cn/news/detail-682073.html

.box{
  width: 100%;
  .aside{
    width: 240px;
  }
  .main{
    width: calc(100% - 240px);
    margin: 0 10px;
  }
}

到了這里,關(guān)于elementui table 在瀏覽器分辨率變化的時候界面異常的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 屏幕分辨率:PC / 手機(jī) 屏幕常見分辨率,前端如何適配分辨率

    屏幕分辨率:PC / 手機(jī) 屏幕常見分辨率,前端如何適配分辨率

    一、常見的PC屏幕分辨率 序號 水平像素點數(shù)和垂直像素點數(shù) 也被稱為 常見顯示器 1 1366 × 768 720p 或 HD Ready 常見于筆記本電腦和低端桌面顯示器 2 1920 × 1080 1080p 或 Full HD /?全高清 高端筆記本電腦和中高檔臺式機(jī) 3 2560 × 1440 2K 分辨率 常見于高端筆記本電腦和高端臺式機(jī) 4 38

    2024年02月03日
    瀏覽(54)
  • iphone更改照片分辨率?手機(jī)怎樣修改圖片分辨率?

    iphone更改照片分辨率?手機(jī)怎樣修改圖片分辨率?

    現(xiàn)在手機(jī)越來越智能,已經(jīng)能替代電腦完成很多平時的工作,而且手機(jī)攜帶也更加方便,例如現(xiàn)在很多的考試網(wǎng)上報名就可以通過手機(jī)來完成,但最近有很多小伙伴來咨詢提交證件照時為什么總是顯示上傳失敗無法識別?其實這種問題一般是由于提交的證件照的分辨率不符合

    2024年02月11日
    瀏覽(99)
  • windows多顯示器設(shè)置分辨率,自定義分辨率

    windows多顯示器設(shè)置分辨率,自定義分辨率

    方法1:系統(tǒng)自帶分辨率 1、單機(jī)設(shè)置 2、單擊屏幕 3、根據(jù)顯示效果選擇顯示方式,我這里設(shè)置為擴(kuò)展顯示器,可以根據(jù)顯示器排列方式,拖動上面的兩個顯示器框來更改顯示效果,例如我的副顯示器在右邊就把圖中的2顯示器拖到右邊 4、根據(jù)需要設(shè)置哪個顯示器來設(shè)置分辨率

    2024年02月06日
    瀏覽(26)
  • 手機(jī)怎么提高圖片分辨率?手機(jī)怎么改照片分辨率dpi?

    手機(jī)怎么提高圖片分辨率?手機(jī)怎么改照片分辨率dpi?

    現(xiàn)在有很多考試可以通過手機(jī)提交報名,在報名時需要上傳證件照,但是最近有很多小伙伴說上傳的照片尺寸、背景顏色都符合要求了但是還是提示上傳失敗,那么這種情況往往就是由于照片分辨率不符合要求導(dǎo)致的,那么手機(jī)怎么提高圖片分辨率呢?今天來給大家分享一款

    2024年02月16日
    瀏覽(97)
  • Flutter如何獲取屏幕的分辨率和實際畫布的分辨率

    Flutter如何獲取屏幕的分辨率和實際畫布的分辨率

    在Flutter中,你可以使用MediaQuery來獲取屏幕的分辨率和實際畫布的分辨率。 要獲取屏幕的分辨率,你可以使用MediaQuery.of(context).size屬性,它返回一個Size對象,其中包含屏幕的寬度和高度。下面是一個獲取屏幕分辨率的例子: 要獲取實際畫布的分辨率,你可以使用MediaQuery.of

    2024年02月09日
    瀏覽(25)
  • 顯示器尺寸 和 屏幕分辨率 和 有源信號分辨率 關(guān)系

    顯示器尺寸 和 屏幕分辨率 和 有源信號分辨率 關(guān)系

    1、 顯示器尺寸尺寸:常用顯示器對角線長度表示 。比如,23.8寸顯示器指的是顯示器的液晶屏對角線長度是23.8英寸。 只靠英寸并不能決定顯示屏長寬,通常,我們還要知道其長寬比,比如16:9。通過長寬比例,以及斜邊長度就可算得當(dāng)前屏幕的尺寸。一塊顯示屏顯示屏幕的

    2024年02月09日
    瀏覽(95)
  • 【視頻超分辨率】視頻超分辨率的介紹(定義,評價指標(biāo),分類)

    【視頻超分辨率】視頻超分辨率的介紹(定義,評價指標(biāo),分類)

    視頻超分率起源于圖像超分率,旨在根據(jù)已有的低分辨率視頻序列生成具有真實細(xì)節(jié)和內(nèi)容連續(xù)的高分辨率視頻序列。視頻超分辨率技術(shù)可以將 低分辨率(低清晰度)視頻轉(zhuǎn)換為高分辨率(高清晰度)視頻 ,以提供更多的細(xì)節(jié)和清晰度。 視頻超分辨率技術(shù)主要分為 傳統(tǒng)方法

    2024年02月04日
    瀏覽(25)
  • Arch Linux高分辨率屏幕設(shè)置分辨率及dpi縮放

    由于筆記本原生屏幕分辨率太渣,于是購入一塊2440x1400、14英寸副屏。窗口管理器為dwm,使用 startx 命令進(jìn)入環(huán)境 注 :此文不會改變tty的設(shè)置,僅設(shè)置xorg下某用戶的個人設(shè)置 關(guān)閉筆記本屏幕,只使用副屏 副屏分辨率設(shè)置為最高,且屏幕縮放設(shè)置為合適大小 高分辨率小屏幕導(dǎo)致

    2024年02月05日
    瀏覽(41)
  • 照片怎么改像素分辨率?照片分辨率怎么調(diào)成300dpi?

    照片怎么改像素分辨率?照片分辨率怎么調(diào)成300dpi?

    照片分辨率怎么更改?一般在打印照片時經(jīng)常會遇到對照片dpi有要求,如果達(dá)不到要求的數(shù)值就需要提高照片分辨率,我們電腦上的圖片大部分是96dpi,在打印時經(jīng)常需要300dpi,那么照片分辨率怎么調(diào)成300dpi?下面給大家推薦一款在線 修改分辨率 工具,操作簡單,下面一起來

    2024年02月16日
    瀏覽(17)
  • 圖片1920x1080分辨率怎么調(diào) ?圖片如何修改分辨率?

    圖片1920x1080分辨率怎么調(diào) ?圖片如何修改分辨率?

    圖片是我們?nèi)粘I钪薪?jīng)常需要使用到的東西,但是在使用圖片時我們會遇到需要調(diào)圖片分辨率的情況,有很多小伙伴對于圖片分辨率這個概念并不了解,今天就來為大家具體介紹一下圖片1920x1080怎么調(diào)以及怎么給圖片 修改分辨率 ,下面一起來看一下吧。 圖片1920x1080分辨率

    2024年02月16日
    瀏覽(16)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包