一、移动端浏览器二、移动端屏幕分辨率三、移动端网页调试方法
移动端监听横竖屏 // 监听横竖屏 let event = "onorientationchange" in window ? "orientationchange" : "resize"; window.addEventListener(event,this.
总结下自己用过的几种移动端适配方法百分比适配宽度高度按照所占百分比计算 写css缺点:复杂些的布局就满足不了 不能百分百还原设计图Rem布局 js动态计算html font-size值宽度高度按照320px的设计图切图 rem与之对应的关系是 1rem=20px 用js根据视图宽度计算 html的font-size值function resetRem(){
&n
原创
2015-07-31 21:41:14
780阅读
基于apiCloud,webstorm的移动端开发,开发完加壳。很好用
原创
2017-07-05 11:19:31
2792阅读
1px问题 京东商城解决方案:伪元素 + scale .div::after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #bfbfbf; borde ...
转载
2021-07-12 20:13:00
384阅读
2评论
1、vuex2、有赞Vant组件库:url:https://youzan.github.io/vant/#/zh-CN/address-list
原创
2022-03-02 14:28:45
146阅读
一、学习使我快乐 笔记来自拉勾教育大前端,说真的,对于机构我起初报有的信心不是很大,包括以前也报过,但是都因为各种原因半途而费了,偶然的机会...
原创
2022-03-03 10:53:09
90阅读
开开发( 分开开发 也是要写 两套代码)如果想在既能适应PC、又能适应移动端 响应式开
转载
2022-04-13 18:15:55
439阅读
一。响应式设计好处 1.一套项目代码 2.一套开发环境 3.一个URL 4.内容所见即所得 5.不会因为终端升级而导致不可用 做法: 布局百分比宽度 + 容器浮动二。viewport参数的最佳组合<meta name="viewport" cont...
document.documentElement.style.fontSize = innerWidth /16 +'px' window.onresize = function(){ document.documentElement.style.fontSize = innerWidth /16 +'px' } document.getElementsByTagN
原创
2022-03-28 16:26:51
52阅读
CSS初始化 normalize.csshttp://necolas.github.io/normalize.css/视口标
总结下自己用过的几种移动端适配方法百分比适配宽度高度按照所占百分比计算 写css缺点:复杂些的布局就满足不了 不能百分百还原设计图Rem布局 js动态计算html font-size值宽度高度按照320px的设计图切图 rem与之对应的关系是 1rem=20px 用js根据视图宽度计算 html的font-size值3. vw布局 与r
原创
2015-07-31 21:34:56
1120阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } ul{ list-style: none; } #box{ widt
原创
2021-07-28 15:25:44
201阅读
移动web开发常见单位 1.什么是像素(Pixel)? 在前端开发中视口的水平方向和垂直方向是由很多小方格组成的,一个小方格就是一个像素;例如div尺寸是100 x 100,那么水平方向就占用100个小方格,垂直方向就占用100个小方格。 2.像素特点 不会随着视口大小的变化而变化, 像素是 ...
转载
2021-06-20 00:30:00
279阅读
2评论
*网页中常用的单位有哪些* - px 像素 - em 相对单位 - pt 磅 硬件设备 - % 宽高自适应 - deg 移动端重要的单位: rem 相对于根元素html的font-size的大小进行计算的 移动端布局的思路 - 每一个移动端的尺寸大小都是不一样的 html的宽高大小也是不一样的 - ...
转载
2021-08-28 11:41:00
159阅读
2评论
###1.移动端基础 ####1.1常见的移动端浏览器 uc浏览器、搜狗浏览器、QQ浏览器等。。 内核: 果孽的uc,qq和百度浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,就如国内的手机操作系统基于谷歌的安卓系统修改开发一样。 总结:兼容移动端浏览器,处理webkit内核浏览器 ...
转载
2021-11-01 22:38:00
230阅读
2评论
是不是平时会采很多移动端的雷呢,这次让你一次性扫雷成功