视口(Viewport)是移动Web开发中一个非常重要的概念，最早是由苹果公司在推出iPhone手机时发明的，其目的是为了让iPhone的小屏幕尽可能完整显示整个网页。通过设置视口，不管网页原始的分辨率尺寸有多大，都能将其缩小显示在手机浏览器…

一个移动端与pc端之间最主要的也就是尺寸问题，苹果与安卓的机型尺寸大小相差甚多，一个尺寸都会影响用户的体验。那么我们来了解一下一些常用的解决方法。 一般在网页中都会在头部有一些这样的代码 1)首先 name"viewport" 声明了视口&#xff0…

实现技术：HTMLCSSJS 使用框架：bootstrap 亮点功能：景点详情页有音乐自动播放功能、分页功能等 部分网页效果图： 项目目录： 页面演示视频：https://live.csdn.net/v/398864 完整代码下载链接：…

目录 ## 前言 1.准备工作 1.1 网站域名 1.2 微信公众号 2.授权登录开发 2.1 前端开发 2.1.1 调起微信授权页面 ## 调起微信授权页面效果图 2.1.2 用户允许授权后回调处理 2.2 后端开发 2.2.1 根据code查询用户信息 2.2.2 自动注册登录 ## 后记 ## 前言 上一篇写…

一、meta viewport(视口) 移动端初始视口的大小为什么默认是980px？ 因为世界上绝大多数PC网页的版心宽度为 980px ，如果网页没有专门做移动端适配，此时用手机访问网页旁边刚好没有留白，不过页面缩放后文字会变得非常小。 为了解决…

生活中很多小伙伴都会见过pc端这个词。一些科技类文章中往往会出现pc端和移动端的对比，那么小伙伴们是否知道pc端是什么意思？pc端和移动端有什么区别？今天小编就来给大家聊聊小编的看法。 pc全称personal computer，即个人电脑。如…

目标 能够知道移动web的开发现状 能够写出标准的viewport 视口 能够使用移动web的调试方法 能够说出移动端常见的布局方案 能够描述流式布局 能够独立完成移动端页面 1.移动端基础 浏览器现状 pc端常见浏览器 360,谷歌,火狐,qq,百度,搜狗,IE 移动端常见浏览器 uc,qq,欧朋,百度…

文章目录 前言一、web移动端是什么？二、如何调试移动web网页1.真机调试：2.chrome浏览器调试：3.移动Web的发展历史 三.移动Web布局核心思想1.不允许网页出现横向滚动2.页面盛满屏幕，盒子宽度与屏幕一致 100%3.让盒子的内容宽高widt…