AI 助理
文档备案控制台
开发者社区 人工智能 文章 正文

软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器，国内的UC都是根据Webkit修改过来的内核，开发重点关注尺寸，常见移动端尺寸汇总，移动端，理想视口根据你设别的样式进行修改

2024-07-04 283
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器，国内的UC都是根据Webkit修改过来的内核，开发重点关注尺寸，常见移动端尺寸汇总，移动端，理想视口根据你设别的样式进行修改

02-视口_哔哩哔哩_bilibili

https://material.io/devices/

移动端综合考量分析

PC端常见浏览器，360浏览

国内的UC都是根据Webkit修改过来的内核

分辨率仅几年变的越来越高

尺寸汇总

布局页面存在不友善的地方

iPhone6/7/8样式写法

视觉视口的含义

理想视口的含义，移动端开发要利用理想视口

理想视口根据你设别的样式进行修改，乔布斯发明的，设备有多宽就设置多宽

文章标签：
Web App开发
编解码
关键词：
页面浏览器
手机pc
手机页面
pc端浏览器
浏览器流程
爱你三千遍斯塔克
目录
相关文章
游客4v3gpgavlizks
|
9月前
|
前端开发 JavaScript 搜索推荐
响应式企业网站模板推荐 | 适配PC/手机/平板| 1对1打造专属企业官网CMS源码
在移动互联网时代，响应式企业网站成为标配，可适配PC、平板、手机等多端设备，提升用户体验与SEO效果。本文详解响应式设计的技术原理（媒体查询、流式布局等）、主流模板推荐（WordPress、Bootstrap、Vue等）及CMS定制开发流程，助力企业高效构建专业官网。
游客4v3gpgavlizks
841 0
热爱技术的小郑
|
JavaScript NoSQL Redis
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证（版本1.0）
这篇文章记录了在Vue中实现修改手机号和邮箱的大致流程，包括使用过滤器部分隐藏展示的手机号和邮箱，以及通过点击触发路由跳转的便捷方式。文章还描述了旧号码和新号码验证的界面实现，其中验证码由后端生成并通过弹窗展示给用户，未来可以接入真正的手机验证码接口。此外，还提供了修改邮箱的页面效果截图，并强调了学习是一个永无止境的过程。
热爱技术的小郑
306 0
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证（版本1.0）
游客lijmi4663rgsa
|
数据采集 消息中间件 JavaScript
浏览器渲染揭秘：从加载到显示的全过程；浏览器工作原理与详细流程
了解浏览器工作原理与流程，能有效帮助前端开发与性能优化。 博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
922 0
技术自由圈/原疯狂创客圈
|
存储 NoSQL 前端开发
美团面试：手机扫描PC二维码登录，底层原理和完整流程是什么？
45岁老架构师尼恩详细梳理了手机扫码登录的完整流程，帮助大家在面试中脱颖而出。该过程分为三个阶段：待扫描阶段、已扫描待确认阶段和已确认阶段。更多技术圣经系列PDF及详细内容，请关注【技术自由圈】获取。
技术自由圈/原疯狂创客圈
1369 7
卓伊凡
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
卓伊凡
565 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
穿过生命散发芬芳
手机上网流程解析
【9月更文挑战第5天】
穿过生命散发芬芳
374 4
土木林森
|
缓存 网络协议 安全
揭秘浏览器背后的神秘之旅：一网打尽HTTP请求流程，让你网络冲浪更顺畅！
【8月更文挑战第31天】当在浏览器中输入网址并按下回车键时，一系列复杂的HTTP请求流程随即启动。此流程始于DNS解析，将域名转化为IP地址；接着是与服务器的TCP三次握手建立连接。连接建立后，浏览器发送HTTP请求，其中包含请求方法、资源及版本等信息。服务器接收请求并处理后返回HTTP响应，包括状态码、描述及页面内容。浏览器解析响应，若状态码为200则渲染页面，否则显示错误页。整个流程还包括缓存处理和HTTPS加密等步骤，以提升效率和保障安全。理解该流程有助于更高效地利用网络资源。通过抓包工具如Wireshark，我们能更直观地观察和学习这一过程。
土木林森
360 4
2G冲浪词条
|
安全 iOS开发 MacOS
Dolphin指纹浏览器+IPXProxy代理IP：配置与使用全流程
通过代理IP，用户可以轻松绕过地域限制，访问全球范围内的网站和服务。不过想要同时使用多个代理IP的话，就需要借助指纹浏览器。Dolphin指纹浏览器和IPXProxy代理IP是大家常用的组合，这个组合为用户打造了一个既安全又高效的在线环境。下面是Dolphin指纹浏览器配置IPXProxy代理IP使用步骤，帮助大家更好了解这个组合。
2G冲浪词条
838 3

热门文章

最新文章

  • 1
    [解决办法]已经安装了数字证书，但是谷歌浏览器登录https协议的web系统时仍然提示证书不受信任
  • 2
    修复迅雷在 IE 等浏览器中右键菜单丢失或失效的问题
  • 3
    php 即使客户端或者服务器断开(如关掉浏览器)脚本也可以继续执行
  • 4
    PC - Chrome 浏览器如何开启无痕模式？
  • 5
    修复迅雷在 IE 等浏览器中右键菜单丢失或失效的问题
  • 6
    战斧指纹浏览器与IPXProxy海外代理IP的协同使用策略
  • 7
    如何解决不同浏览器的样式兼容性问题?
  • 8
    Android Chrome浏览器将支持下载暂停和取消
  • 9
    VUE——监听浏览器关闭及标签页关闭事件
  • 10
    swift UI专项训练21 网页浏览器
  • 1
    基于springboot的手机销售网站
    246
  • 2
    Phi-3 技术报告：手机本地运行的高能力语言模型
    943
  • 3
    响应式企业网站模板推荐 | 适配PC/手机/平板| 1对1打造专属企业官网CMS源码
    842
  • 4
    【室内导航通过视觉惯性数据融合】将用户携带的智能手机收集的惯性数据与手机相机获取的视觉信息进行融合研究（Matlab代码实现）
    299
  • 5
    通义实验室Mobile-Agent-v3开源，全平台SOTA的GUI智能体，支持手机电脑等多平台交互
    2782
  • 6
    移动端MagicGUI开源：会使用手机APP的AI！支持中英双语
    864
  • 7
    手机缓存清除工具和电脑缓存清除工具有什么区别？
    548
  • 8
    MiniCPM-V4.0开源，多模态能力进化，手机可用，还有最全CookBook！
    1428
  • 9
    免root屏幕录制脚本， 免root手机录制脚本，屏幕连点器点击【autojs】
    1123
  • 10
    手机录制脚本自动执行， 免root屏幕录制脚本，自动脚本精灵app【autojs】
    1442

    • 相关电子书

    更多
  • 基于浏览器的实时构建探索之路
  • 手机卫士性能优化方案
  • 基于浏览器的实时构建探索之路--玄寂
    • 下一篇
    利用阿里云OSS（对象存储服务）快速搭建私人网盘