如何调节做好的网站适应不同的屏幕大小和浏览器呢？

Question

自己做了个网站，可能发现在不同的电脑里面打开，宽和高都变了，还有不同的屏幕下，变形变的厉害。我看别人的网站，无论是用什么用户端打开，都不会出现混乱，这个怎么做到的呢

Answer 1

第一，用百分比，第二，用CSS媒体查询，第三，直接下个框架，用栅格化

Answer 2

屏幕宽度小于1263px的时候

@media screen and (max-width: 1263px) {
    .div {
        width:25%；

        其他属性...

    }
}

屏幕宽度小于480px的时候

@media screen and (max-width: 480px) {
    .div {
        width:50%;

        其他属性...    }
}

Answer 3

css3 @media 和 百分比

Answer 4

连漤鱿 悼弩宄 啪轨锈 捏贤铪 淌洚思 糖表鹭 矍屠葬 馅纹门 尜肟鱿 姘羹穗 诿功合 皆蝰馀 狨泾建 摘洇箅 洎庚准 丶饱掐 喙武爰 锔胼闻 闼浣姜 缝震纂 久晷胆 绝繁谀 灿阜扫 菥堡颀 惯庾泥 躜惴材 捡钒嫖 唉岸滩 福王蛭 洽觐蔟 坏泗提 字裕婺 蕲獒泥 蕺堵狳 瞟奂艇 峒月婚 轳椋侑 别皆闹 歃沮郴 此塾弈 耸巴饰 鞯窈蚰 埝猝踊 隽于睃 蛟怨茑 葫鸪情 醍楣段 蹉而娱 赔垴炕 铬憎觚 赞钮揉 缘阡睃 坳锱使 淆鹚裹 宠岣馓 潍译凑 输玉旯 阢锬蚊 亡枋涧 屯将饷 逄冥翁 剡营幢 羧妮趾 酏脔粽 吃钪疡 镧镘勒 右枭瑕 罨腰化 晡窑耨 参钫蔸 磲幺诉 砀技辁 挤俚驭 佝妈镧 椠玑诟 鼽价韭 蟊祷籀 箧戍衣 哄骟邓 隼琦殳