首頁猿問關(guān)于網(wǎng)頁的自適應(yīng)

關(guān)于網(wǎng)頁的自適應(yīng)

Html/CSS JavaScript JQuery

qq_承諾太早只爭朝夕_1 2016-03-06 10:19:47

我在網(wǎng)上截了一個(gè)網(wǎng)頁，連同左右留白，圖片總長度1920px；中間有效寬度是1614px；我的字符之間的間距、大小什么的都是按照圖片上的量出來的，做出來之后在筆記本上顯示左右有滾動條，文字什么的還特別大，怎么處理才好，怎樣才能讓字符這些什么都自適應(yīng)

查看完整描述

2 回答

阿賈大魔王

TA貢獻(xiàn)29條經(jīng)驗(yàn) 獲得超28個(gè)贊

寬度用百分比做，不要設(shè)具體的值，字符單位用rem?；蛘咦雠袛?，用js取屏幕寬，如果寬度大于多少就加載這個(gè)css樣式文件,小于就加載另一個(gè)css樣式文件。

1 反對回復(fù) 2016-03-08

woshiajuana

TA貢獻(xiàn)211條經(jīng)驗(yàn) 獲得超152個(gè)贊

額~你能不能貼下效果圖呀

你電腦的分辨率多少呀

你做出來筆記本顯示左右有滾動條，肯定是你設(shè)置的那個(gè)屬性的寬度超過了你筆記本的才會出現(xiàn)左右滾動條

比如你的電腦只有1366分辨率，你給一個(gè)div設(shè)置成寬度1920px，就會出現(xiàn)左右滾動條

一般最外層的div設(shè)置成100%

內(nèi)容有效寬度給個(gè)980px 或者 1000px等等看設(shè)計(jì)需求

1 反對回復(fù) 2016-03-07

關(guān)注