鍍金池/ 問答/HTML/ 前端頁面如何適應(yīng)多種多樣的瀏覽器呢?頁面縮放時如何保證頁面不變形的太夸張

前端頁面如何適應(yīng)多種多樣的瀏覽器呢?頁面縮放時如何保證頁面不變形的太夸張

我寫的頁面一直在谷歌瀏覽器里測試,到了其他瀏覽器頁面就變形了,明明在谷歌里用的是14px的字體到了火狐就看起來變大了許多。。。而且就算是在谷歌瀏覽器里面,縮放時也是擠成一團(tuán)。。。搜索也搜不出類似的問題解決方法。。求助大家

回答
編輯回答
怣痛

你需要 amfe-flexible,就是上面 使用Flexible實現(xiàn)手淘H5頁面的終端適配 的 npm 模塊:

import 'amfe-flexible'

這一行代碼解放了我。

2017年4月3日 00:47
編輯回答
怣痛

利用媒體查詢 可以寫多個css樣式 不同寬度用不同的樣式

2018年7月10日 14:13
編輯回答
糖果果

字體變大是因為火狐的默認(rèn)字體為16px,縮小變形是因為你的盒子寫的不規(guī)范

2017年4月13日 18:09
編輯回答
我以為

字體可以用rem,布局可以用響應(yīng)式布局或者flex布局

2017年7月27日 09:14
編輯回答
編輯回答
初念

設(shè)置根font-size,然后用rem

2018年9月11日 01:53
編輯回答
陌南塵

那你需要了解下響式布局

2017年8月9日 21:30