移动端网页开发注意点

1、scale和zoom缩放的区别：

scale缩放是居中缩放；如果缩小到80%，那么占据的空间依然是100%。

zoom缩放是相对于左上角缩放；zoom缩放改变占据的空间大小；zoom缩放文字的时候有局限，最小只能是12px字；zoom缩放只能x、y轴同步缩放。

2、rem缩放问题：

rem缩放会出现小数宽高的情况，然后四舍五入会有出入。

边框用1px表示固然清晰，却影响整体的宽度。

转载于:https://www.cnblogs.com/shirliey/p/8085913.html

移动端网页开发注意点相关推荐

推荐3款移动端网页开发调试神器
web前端教程用大白话,来讲编程最近有小伙伴在微信上跟我聊到了移动端网页开发调试困哪的问题,这个相信很多前端开发者都遇到过. 有一天,测试妹子拿着测试手机过来找你,说页面打不开. 你心想:怎么可能 ...
移动端网页开发)------响应式网页
移动端网页开发移动端网页开发的两种方案: 响应式网页开发一个新的网站.使用移动端的布局方式. 响应式网页概念同一个网页会根据视口的不同,显示不同的样式. 优缺点优点面对不同分辨率的设备比较 ...
移动端网页开发-vh/vw/rem
第一次做移动端网页开发,接触到的几个单位vh/vw/rem,记录一下. vh:相对可见视区的高度 vw:相对可见视区的宽度 rem:相对根元素的字体大小 "视区"所指为浏览器内部的 ...
移动端html怎么调试工具,移动端网页开发调试神器Eruda的介绍与使用技巧
前言众所周知,我们在做移动端Web开发的一大痛点就是,在真机运行下无法查看console.log日志和其他信息如网络请求.显示本地存储等信息.如果网页是运行在手机浏览器中还算好,可以把网址在电脑上打 ...
移动端网页开发三（纠结适配的那些年）
前面两篇文章介绍了移动端网页开发所要具备的基础知识. 今天着重来讲解移动端的适配方案. 做PC端页面的工程师聊的最多的是兼容,这是因为浏览器之间的差异引起的.而移动端基本是没有兼容问题的,全是css3 ...
移动端网页开发（一）
一.项目代码初始化 1.打开index.html将<meta></meta>标签补充完整 <html><head><meta charset=&q ...
移动端/PC端网页开发建议
作者:黄玄链接:https://www.zhihu.com/question/25836425/answer/31564174 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...
微信公众号网页开发：播放视频，在列表中滑动会脱离文档流
项目场景: antd移动端端开发微信公众号移动端网页开发问题描述: video-react有问题,在跑马灯中第一次白屏,在列表中滑动会脱离文档流原因分析: 未知解决方案: 直接上代码 < ...
网页开发的一些尺寸单位
目录一.px像素单位二.rem单位三.vw和wh单位一.px像素单位 px单位是绝对单位,一般用于pc端网页开发.因为是绝对单位所以在移动端上的使用体验并不是很好举例: 代码 <!DO ...
如何进行移动端页面开发
应该说,移动端的开发是伴随着HTML5的兴起而出现的,2007年第一款iPhone诞生,2009年HTML5这个名词第一次登上"舞台".当时的移动互联网开始逐渐兴起,发展到今,移动 ...

移动端网页开发注意点

移动端网页开发注意点相关推荐

最新文章

热门文章