资讯专栏INFORMATION COLUMN

移动端网页书写

liuyix / 1490人阅读

摘要:样式微软雅黑根据设计稿设置自己的宽度,对应比例设计稿为宽度在网页的头部书写以下内容使用单位字体规则有些手机对于来说,字体最小应该是。

css样式:

@charset "utf-8";
body,html{
font-family: "微软雅黑";
font-size:100px;
font-size: calc(100vw/7.2);//根据设计稿设置自己的宽度,对应比例
/*设计稿为720px宽度*/
}

在网页的头部书写以下内容:

使用单位:

rem

字体规则:

有些手机对于375px来说,字体最小应该是12px。所以设计稿如果为750px,字体最小不应小于24px。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1410.html

相关文章

  • 好签H5签字SDK,支持PC实现网页手写

    摘要:好签签字是一种支持原笔迹手写的组件,支持端网页打开,提供手写签批功能,支持对文件,插入签名日期文本等内容。确定保存后签名文本框消失。支持对已签字页使用角标标注。 好签H5签字SDK是一种支持原笔迹手写的组件,支持PC端网页打开,提供手写签批功能,支持对PDF文件,插入签名、日期、文本等内容。原笔迹手写引擎是好签电子签署系统的核心技术产品之一,是南京好签软件技术有限公司自主研发的具有完全...

    junnplus 评论0 收藏0
  • [聊一聊系列]聊一聊移动web分辨率的那些事儿

    摘要:会各种折行,样式错乱,那么细致如苹果肯定不允许这种事情发生。又一次变迁苹果公司在年,推出了新一代的,他们的屏幕都比要宽要大。 欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码): https://segmentfault.com/blog/frontenddriver 不同于PC时代,移动web的样式更加多样,也由于手机分辨率的碎片化,移动w...

    vibiu 评论0 收藏0
  • PWA 时代的移动图片优化新思路

    摘要:是一个注册在指定源和路径下的事件驱动。移动端方面的支持度较好,从版本开始支持。作为提出的一项技术,在端有很好的支持,但目前的兼容性还无法在移动端网页中广泛使用。从而达到向后兼容式的优化。 图片通常是移动端网页中最占流量的资源。在很多类型的网站中(比如电商、社区),图片占据了网页的大部分空间。优化图片的质量和加载速度成为提高用户体验的重要途径。 传统方案的弊端 目前有一些被广泛应用的方案...

    RaoMeng 评论0 收藏0
  • PWA 时代的移动图片优化新思路

    摘要:是一个注册在指定源和路径下的事件驱动。移动端方面的支持度较好,从版本开始支持。作为提出的一项技术,在端有很好的支持,但目前的兼容性还无法在移动端网页中广泛使用。从而达到向后兼容式的优化。 图片通常是移动端网页中最占流量的资源。在很多类型的网站中(比如电商、社区),图片占据了网页的大部分空间。优化图片的质量和加载速度成为提高用户体验的重要途径。 传统方案的弊端 目前有一些被广泛应用的方案...

    zhaofeihao 评论0 收藏0

发表评论

0条评论

liuyix

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<