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)文章:
主站蜘蛛池模板: 在线观看中文字幕视频 | 欧美精品一区二区在线观看 | 国产伦精品一区二区三区四区视频 | 男女性毛片| 国产精品一区一区 | 久久久久久免费精品一区二区三区 | a在线免费观看视频 | 中文字幕在线中文 | 成人看片在线观看 | 日韩精品在线播放 | 欧美激情在线播放 | 精品毛片 | 久久精品国产精品青草 | 视频三区| 久久久xx | 黄视频网站免费观看 | 午夜影院毛片 | 欧美精| 国产一区二区三区在线 | 国产一区二区三区四区三区四 | 成人午夜免费网站 | 不卡的av在线 | 亚洲欧美日韩电影 | 一级做a爰片性色毛片16 | 欧美日韩手机在线观看 | 欧美专区在线 | 国产区视频在线观看 | 国产一区二区三区在线视频 | 一区二区三区免费 | 成人在线电影在线观看 | 青草青草久热精品视频在线观看 | 欧美色综合一区二区三区 | 日本电影一区二区 | 亚洲九色 | 狠狠狠色丁香婷婷综合久久五月 | 国产精品视频一二三 | 久久在视频 | 亚洲精品www | 免费午夜剧场 | 国产福利在线免费观看 | 欧美一区二区三区在线播放 |