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

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

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

02-视口_哔哩哔哩_bilibili

https://material.io/devices/

移动端综合考量分析

PC端常见浏览器，360浏览

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

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

尺寸汇总

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

iPhone6/7/8样式写法

视觉视口的含义

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

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

文章标签：
Web App开发
编解码
关键词：
手机开发
流程手机
手机页面
浏览器兼容性
浏览器手机
爱你三千遍斯塔克
目录
相关文章
优雅草央千澈
|
7天前
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
优雅草央千澈
14 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
热爱技术的小郑
|
5月前
|
JavaScript NoSQL Redis
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证（版本1.0）
这篇文章记录了在Vue中实现修改手机号和邮箱的大致流程，包括使用过滤器部分隐藏展示的手机号和邮箱，以及通过点击触发路由跳转的便捷方式。文章还描述了旧号码和新号码验证的界面实现，其中验证码由后端生成并通过弹窗展示给用户，未来可以接入真正的手机验证码接口。此外，还提供了修改邮箱的页面效果截图，并强调了学习是一个永无止境的过程。
热爱技术的小郑
56 0
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证（版本1.0）
爱你三千遍斯塔克
|
6月前
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
爱你三千遍斯塔克
98 0
穿过生命散发芬芳
|
4月前
手机上网流程解析
【9月更文挑战第5天】
穿过生命散发芬芳
89 4
游客mldfis24krfue
|
5月前
|
缓存 网络协议 Linux
在Linux中，当用户在浏览器当中输入⼀个网站，计算机对dns解释经过那些流程？
在Linux中，当用户在浏览器当中输入⼀个网站，计算机对dns解释经过那些流程？
游客mldfis24krfue
47 0
2G冲浪词条
|
6月前
|
安全 iOS开发 MacOS
Dolphin指纹浏览器+IPXProxy代理IP：配置与使用全流程
通过代理IP，用户可以轻松绕过地域限制，访问全球范围内的网站和服务。不过想要同时使用多个代理IP的话，就需要借助指纹浏览器。Dolphin指纹浏览器和IPXProxy代理IP是大家常用的组合，这个组合为用户打造了一个既安全又高效的在线环境。下面是Dolphin指纹浏览器配置IPXProxy代理IP使用步骤，帮助大家更好了解这个组合。
2G冲浪词条
173 3
源码星辰
|
6月前
|
Web App开发 前端开发 JavaScript
认识WebKit浏览器引擎
WebKit是一款开源的浏览器引擎，用于渲染网页内容。它负责将HTML、CSS和JavaScript等网络资源转换为用户在屏幕上看到的图形界面。WebKit是一个跨平台的引擎，可以在多种操作系统上运行，如Windows、macOS、Linux等。
源码星辰
81 2
爱你三千遍斯塔克
|
6月前
|
Web App开发
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
爱你三千遍斯塔克
81 0
技能实验室
|
2月前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式：`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求，返回Promise对象，可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果，适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
技能实验室
71 5
在浏览器执行js脚本的两种方式
大树营养快线
|
2月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致？
综上所述，模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处，也有不同之处。在实际应用中，需要根据具体的场景和性能需求来选择使用哪种字符串处理方式，以达到最佳的性能和开发效率。
大树营养快线
55 6

热门文章

最新文章

  • 1
    Mobile-Agent：通过视觉感知实现自动化手机操作，支持多应用跨平台
  • 2
    OmAgent：轻松构建在终端设备上运行的 AI 应用，赋能手机、穿戴设备、摄像头等多种设备
  • 3
    HTML5实现的手机验证抽奖领券效果源码
  • 4
    python实战——使用代理IP批量获取手机类电商数据
  • 5
    ClKLog支持手机端查询统计数据啦！
  • 6
    Eko：一句话就能快速构建复杂工作流的 AI 代理开发框架！快速实现自动操作电脑和浏览器完成任务
  • 7
    一个接口4个步骤轻松搞定最新版Chrome、Edge、Firefox浏览器集成ActiveX控件
  • 8
    AutoMouser：AI Chrome扩展程序，实时跟踪用户的浏览器操作，自动生成自动化操作脚本
  • 9
    折腾之王：JavaScript之父Brave浏览器与BAT的诞生
  • 10
    【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 1
    前端必备的浏览器调试技巧
    170
  • 2
    详细步骤解析：Undetectable指纹浏览器使用IPXProxy代理IP
    177
  • 3
    XML DOM 浏览器差异
    45
  • 4
    全面掌握Dolphin指纹浏览器：IPXProxy代理IP集成使用指南
    106
  • 5
    Dolphin指纹浏览器+IPXProxy代理IP：配置与使用全流程
    173
  • 6
    Dolphin指纹浏览器隐私保护升级：IPXProxy代理IP配置实战教程
    79
  • 7
    Linken Sphere指纹浏览器中的IPXProxy代理IP设置技巧
    83
  • 8
    XML DOM 浏览器差异
    40
  • 9
    java代码实现清空浏览器缓存
    182
  • 10
    浏览器自动化
    159

    • 相关电子书

    更多
  • Tangram
  • 360手机卫士 插件化漫谈
  • 手机京东Crash自动分析处理系统

    • 相关实验场景

    更多
  • 前端开发基础2：VS Code和Edge的联动开发
    • 下一篇
    DataWorks售前咨询