扫码关注官方订阅号
1.要做一个全屏滚动的页面,每个页面内容都比较多,现在我都是宽高百分比显示,但是文字没法缩放,会使页面有些乱。2.ui做的界面是1920*1080的。
业精于勤,荒于嬉;行成于思,毁于随。
采用rem定义字号。同时配合媒体查询
简单的响应式media属性,想一些字体,内外边距的单位可以换成rem比较好控制
首先 rem处理自适应布局是不错 但是 rem不兼容IE9以下兼容性要求高的话 写了也白搭其次 移动端用rem布局的时候,文字一般也不用rem,因为由于不同的rem计算方式会产生很多奇怪的大小,使得文字出现糊掉或者模糊的情况,通常使用媒体查询事先设置好body的字体大小,这样来确保文字的正常显示,然后用em控制
至于题主说的是pc端前端的页面基本不需要自适应大小,毕竟浏览器都有放大功能,不过在高分辨率屏幕下,感觉现在页面的字体确实太小所以 如果涉及到因为字体问题 使得布局糊掉的话建议题主还是使用media query 媒体查询来设置在不同分辨率下的字体大小吧;
可以设置背景图片居中对齐,不要限定100%,这样不是最佳。 也可以用css3 media媒体查询器。 顺便推荐一个做全屏页面的插件fullPage.js
http://www.jq22.com/jquery-in...
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
采用rem定义字号。同时配合媒体查询
简单的响应式media属性,想一些字体,内外边距的单位可以换成rem比较好控制
首先 rem处理自适应布局是不错
但是 rem不兼容IE9以下
兼容性要求高的话 写了也白搭
其次 移动端用rem布局的时候,文字一般也不用rem,因为由于不同的rem计算方式会产生很多奇怪的大小,使得文字出现糊掉或者模糊的情况,通常使用媒体查询事先设置好body的字体大小,这样来确保文字的正常显示,然后用em控制
至于题主说的是pc端
前端的页面基本不需要自适应大小,毕竟浏览器都有放大功能,不过在高分辨率屏幕下,感觉现在页面的字体确实太小
所以 如果涉及到因为字体问题 使得布局糊掉的话
建议题主还是使用media query 媒体查询来设置在不同分辨率下的字体大小吧;
http://www.jq22.com/jquery-in...