1. 定高不定宽
2. 响应式布局
3.rem
# 视口属性
meta:vp+table
<meta name="viewport" content="width=device-width,user-scalable=no,initical-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"/>
width：可以给固定值或者是设备宽度
user-scalable：是否支持缩放 0=不支持，1=支持
initial-scale： 初始的缩放值，一般默认给1
maximum-scale：最大的缩放值
minimum-scale：最小的缩放值
height：不做限制让内容将页面撑大
# 记忆点
1.让照片随窗口变化：img属性display:block;width:100%;
2.让窗口排版不杂乱：给body设置min-height:250px（一个合适的值即可）
新的征程 web前端介绍 web前端开发做什么 pc端web开发；移动端web开发；混合app开发；网页游戏/移动...
学习目标 了解移动web简单调试方法 了解移动web常见适配方案 掌握移动端布局技巧 全面掌握rem适配方法 移动...
若web前端到达了瓶颈，如何冲出重围? 移动端汇总 腾讯移动web知识库移动前端开发指南移动端上遇到的各种坑移动端...
# 移动适配方案 1. 定高不定宽 2. 响应式布局 3.rem # 视口属性 meta:vp+table wid...
基础JS Zepto.js：Zepto.js中文API： UI FrozenUI:jndroid:Javascri...
Pixel移动开发像素知识 px：css pixels逻辑像素，浏览器使用的抽象单位 dp,pt:device i...
屏幕适配 rem适配 1、设置 设置页面元素宽度单位为 rem 或 em注：此方案比较灵活，我们的案例将采用这种方...
上期文章分享了PC端的web兼容测试，本期我们通过调研移动端web的特性和移动端浏览器特性，进一步探讨Web移动端...
在新的移动互联网的浪潮中，移动web的份额将会逐渐超越PC端。什么是移动WEB开发，其实就是将网页更好的显示在移动...
本文标题：移动web
本文链接：https://www.haomeiwen.com/subject/deqemttx.html
网友评论