你的问题应该是:为电脑开发的网页在手机上看起来就整体变小了,需要放大和拖动才能浏览是吧?
解决方案:在你的页面中加入:,viewport概念最初由苹果提出,并应用到Safari浏览器中,现在基本上所有的手机浏览器都支持这个属性了。content属性可以设置成多种值,对于你的页面需要如何设置,你可以自己研究一下viewport这个概念。
css3新增加了尺寸叫rem,这玩意是相对尺寸,手机wk内核的天下,应该是可以放心大胆用的,如果你不是很在乎电脑客户端的话可以试试
有个老外写了个脚本叫:fittext.js,可以让字号根据容器大写自动变化,和上面rem是一回事,只是这个是js实现的,不像rem那样有浏览器兼容问题
有个技术叫:css媒体查询,你可以设定很多条件,比如:屏幕宽320px以内,字号18px,行高1.2。屏幕宽320px-1024px,字号16px,行高1.6。
你自己选哪个方法合适,相关知识自行百度。
如果要针对桌面端和移动端获得一致的用户体验,前段直接用Bootstrap开发即可。