如何制作響應式布局網頁，求具體的解決文字大小和樣式改變的方法~
慕粉3627378
2016-08-24 19:26:37
3 回答
已采納
陳小窩
TA貢獻13條經驗 獲得超3個贊
@media screen and (min-width:320px) {
?html{ font-size:16px;}
}
@media screen and (min-width:360px) {
?html{ font-size:18px;}
}
@media screen and (min-width:375px) {
?html{ font-size:18.75px;}
}
@media screen and (min-width:390px) {
?html{ font-size:19.6px;}
}
@media screen and (min-width:400px) {
?html{ font-size:20px;}
}
@media screen and ?(min-width:440px) {
?html{ font-size:22px;}
}
@media screen and (min-width:480px) {
?html{ font-size:24px;}
}
@media screen and ?(min-width:640px) {
?html{ font-size:32px;}
}
@media screen and (min-width:720px) {
?html{ font-size:36px;}
}
以iphone4的大小開發320px,font-size:16px;,以1rem=16px計算，320px寬的屏撲滿需要20rem,屏幕大小不同，但是鋪滿屏寬都是20rem,只是基準字體大小不一樣
添加回答
舉報
0/150
提交
取消