HTML CSS代码求助:怎样让大段的文本,同时在手机和电脑浏览器中都以比较合适的字体显示。

2024-12-31 14:43:39
推荐回答(3个)
回答1:

你的问题应该是:为电脑开发的网页在手机上看起来就整体变小了,需要放大和拖动才能浏览是吧?
解决方案:在你的页面中加入:,viewport概念最初由苹果提出,并应用到Safari浏览器中,现在基本上所有的手机浏览器都支持这个属性了。content属性可以设置成多种值,对于你的页面需要如何设置,你可以自己研究一下viewport这个概念。

回答2:

  1. css3新增加了尺寸叫rem,这玩意是相对尺寸,手机wk内核的天下,应该是可以放心大胆用的,如果你不是很在乎电脑客户端的话可以试试


  2. 有个老外写了个脚本叫:fittext.js,可以让字号根据容器大写自动变化,和上面rem是一回事,只是这个是js实现的,不像rem那样有浏览器兼容问题


  3. 有个技术叫:css媒体查询,你可以设定很多条件,比如:屏幕宽320px以内,字号18px,行高1.2。屏幕宽320px-1024px,字号16px,行高1.6。


你自己选哪个方法合适,相关知识自行百度。

回答3:

如果要针对桌面端和移动端获得一致的用户体验,前段直接用Bootstrap开发即可。