做響應(yīng)式網(wǎng)站，UI應(yīng)該怎么做，屏幕寬度怎么定？

時(shí)間：2023-12-07 14:30:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-12-07 14:30:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

做響應(yīng)式網(wǎng)站，UI應(yīng)該怎么做，屏幕寬度怎么定？：謝邀，勉強(qiáng)答一波吧；

1.我處理方式通常是設(shè)計(jì)1920*1080和1024*768（web尺寸普遍的最大值和最小值），再設(shè)置一個(gè)內(nèi)容顯示區(qū)，比如為1100，當(dāng)1920整屏的時(shí)候，內(nèi)容的顯示區(qū)只有1100，其余為空白，可以添加一些底紋裝飾什么的，當(dāng)屏幕1024時(shí)，就沒(méi)有空白區(qū)域了，1100的顯示區(qū)適當(dāng)調(diào)整位置，并設(shè)置最小顯示區(qū)，屏幕不能再低于最小顯示區(qū)，否則出現(xiàn)滾動(dòng)條（因?yàn)槿魏谓缑娑际遣荒軣o(wú)限制的放大縮小的，否則看起來(lái)不嚴(yán)謹(jǐn)也不好控制）；

2.問(wèn)題里出現(xiàn)的對(duì)完數(shù)據(jù)接口后發(fā)現(xiàn)文字?jǐn)D不下，應(yīng)該是一開(kāi)始就沒(méi)考慮到當(dāng)字?jǐn)?shù)超過(guò)多少的時(shí)候該怎么處理，處理的方式有很多，比如限制多少字?jǐn)?shù)，超過(guò)省略號(hào)略過(guò)，如果不想點(diǎn)擊就想看到這些文字，就鼠標(biāo)經(jīng)過(guò)對(duì)話框展示等等，如何展示就要看用戶(hù)的需求怎樣了；

3.間距不對(duì)，看這里的間距講的是什么，如果是文本段落間距的話，正常是無(wú)論尺寸多大，間距都應(yīng)該不變的，而不是設(shè)成百分比；如果是裝飾類(lèi)文字，特地拉的很大，然后再根據(jù)尺寸大小間距稍微跟著改變的話，應(yīng)該在第二個(gè)版本1024下就會(huì)給出效果，來(lái)設(shè)定最大是多少間距，最小多少間距，甚至你可以自己看百分比，提供一個(gè)給前端；

4.你說(shuō)之前做過(guò)，原來(lái)開(kāi)發(fā)的效果不錯(cuò)，現(xiàn)在這個(gè)卻很大出入，這個(gè)很有可能就是經(jīng)驗(yàn)、能力和責(zé)任心的差距了；原來(lái)的開(kāi)發(fā)他會(huì)自己幫忙考慮很多東西，即使你沒(méi)有注意到，所以開(kāi)發(fā)出來(lái)的效果還可以，現(xiàn)在的開(kāi)發(fā)有可能沒(méi)有考慮太多，單純的對(duì)設(shè)計(jì)圖進(jìn)行還原，也沒(méi)去考慮響應(yīng)式的效果圖還原出來(lái)的是什么樣，反正就是單純看什么做什么，效果沒(méi)到位，原因也會(huì)覺(jué)得是你效果圖沒(méi)明確表示，比如文本間距這東西，有經(jīng)驗(yàn)的前端能知道什么情況下間距該怎么處理，沒(méi)有經(jīng)驗(yàn)的也不愿想太多的，就直接什么都百分比，再給一個(gè)自認(rèn)為的值，每個(gè)細(xì)節(jié)都這樣，出來(lái)的效果就差強(qiáng)人意了；

以上都是個(gè)人看法，僅供參考哈