av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 移動(dòng)端padding問題

瀏覽:101日期:2023-05-21 08:25:54

問題描述

在學(xué)習(xí)vue.js的時(shí)候,遇到這樣奇怪的現(xiàn)象當(dāng)我設(shè)置width:375px padding: 0 22px 0 12px如下顯示

javascript - 移動(dòng)端padding問題可以看到左邊留有空白,右邊沒有

控制臺(tái)顯示

javascript - 移動(dòng)端padding問題

完整css

.bulletin-wrapperwidth: 375pxheight: 28pxline-height: 28pxpadding: 0 22px 0 12pxwhite-space: nowrapoverflow: hiddentext-overflow: ellipsis

為什么當(dāng)設(shè)置width為375px(iPhone6)左邊的padding可以顯示,右邊卻沒有,不是已經(jīng)設(shè)置滿寬度了?,事實(shí)上padding改為margin也是如此

問題解答

回答1:

javascript - 移動(dòng)端padding問題

javascript - 移動(dòng)端padding問題

第一個(gè)截圖是iPhone6的截圖,第二個(gè)截圖是把寬度增加以后的截圖,由圖二可知,兩邊的padding設(shè)置都是正確的,只不過是p元素的父元素的寬度小于12px+375px+22px,所以后面的padding和省略號(hào)的部分看不見而已。

p元素是塊元素,默認(rèn)會(huì)填充父元素,所以如果不是有特殊需求,你這的width: 375px;是不是可以刪除。去掉width屬性后的截圖如下。

javascript - 移動(dòng)端padding問題

回答2:

iPhone6的寬度就是375,你看你的box的圖,內(nèi)容寬度375,再加上padding,肯定超過了屏幕寬度,當(dāng)然只能看到左邊的padding設(shè)置box-sizing:border-box后,width設(shè)的寬度就會(huì)是內(nèi)容寬度+padding的寬度了

回答3:

你這情況肯定還有橫向的滾動(dòng)條,你試下左右拖動(dòng)下就知道了,如果屏幕是375,你設(shè)置了寬是375,padding: 0 22px 0 12px,實(shí)際上寬度是409。你加上box-sizing:border-box;這個(gè)css屬性吧,加上之后,寬度就包括padding和border了,就正常了,比如寬度設(shè)置是375,padding: 0 22px 0 12px,實(shí)際上,寬度是341(375-22-12);PS:我有一個(gè)不理解,上面那個(gè)樣式是編譯計(jì)算出來的,還是你寫的?如果是你寫的,難道手機(jī)網(wǎng)站,你只適配375這個(gè)屏幕尺寸?

回答4:

現(xiàn)在設(shè)置的設(shè)備的分辨率是?

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 亚洲成人福利 | 在线观看深夜视频 | 午夜视频在线免费观看 | 欧洲一级毛片 | 青青草av网站| 黄视频国产 | 精品视频一区在线 | 久久国产精品网 | 国产午夜精品久久久久免费视高清 | 操网站 | 在线视频国产一区 | 久久久久国产精品一区三寸 | jlzzjlzz欧美大全 | 久久亚洲国产精品日日av夜夜 | 国产一二三区在线 | 欧美一级片在线观看 | 亚洲国产精品久久 | 九九热视频这里只有精品 | 人人爱干 | 在线男人天堂 | 日韩精品在线一区二区 | 亚洲成人免费视频在线观看 | 久久国产日韩 | 在线视频 亚洲 | 97色在线观看免费视频 | 黄色片视频网站 | 欧洲精品视频一区 | 欧美久久久久久久久 | 亚洲视频在线观看 | www.色.com| 精品在线看 | 自拍在线 | 99久久精品一区二区毛片吞精 | 99久久精品免费看国产高清 | 日韩一级电影免费观看 | 日韩中文字幕在线视频 | av手机在线免费观看 | 国产精品久久久久久一区二区三区 | 韩日在线| 欧美性猛交一区二区三区精品 | 91av在线看 |