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

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

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

02-视口_哔哩哔哩_bilibili

https://material.io/devices/

移动端综合考量分析

PC端常见浏览器，360浏览

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

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

尺寸汇总

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

iPhone6/7/8样式写法

视觉视口的含义

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

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

文章标签：
Web App开发
编解码
关键词：
浏览器流程
手机开发
手机pc
流程手机
手机页面
爱你三千遍斯塔克
目录
相关文章
游客lijmi4663rgsa
|
6天前
|
数据采集 消息中间件 JavaScript
浏览器渲染揭秘：从加载到显示的全过程；浏览器工作原理与详细流程
了解浏览器工作原理与流程，能有效帮助前端开发与性能优化。 博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
22 0
爱你三千遍斯塔克
|
8月前
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
爱你三千遍斯塔克
114 0
a游苏杭
|
5月前
|
Web App开发 移动开发 前端开发
H5微信外支付（移动端浏览器）
H5微信外支付（移动端浏览器）
a游苏杭
142 1
H5微信外支付（移动端浏览器）
土木林森
|
7月前
|
缓存 网络协议 安全
揭秘浏览器背后的神秘之旅：一网打尽HTTP请求流程，让你网络冲浪更顺畅！
【8月更文挑战第31天】当在浏览器中输入网址并按下回车键时，一系列复杂的HTTP请求流程随即启动。此流程始于DNS解析，将域名转化为IP地址；接着是与服务器的TCP三次握手建立连接。连接建立后，浏览器发送HTTP请求，其中包含请求方法、资源及版本等信息。服务器接收请求并处理后返回HTTP响应，包括状态码、描述及页面内容。浏览器解析响应，若状态码为200则渲染页面，否则显示错误页。整个流程还包括缓存处理和HTTPS加密等步骤，以提升效率和保障安全。理解该流程有助于更高效地利用网络资源。通过抓包工具如Wireshark，我们能更直观地观察和学习这一过程。
土木林森
123 4
土木林森
|
7月前
|
测试技术 持续交付 开发者
Xamarin 高效移动应用测试最佳实践大揭秘，从框架选择到持续集成，让你的应用质量无敌！
【8月更文挑战第31天】竞争激烈的移动应用市场，Xamarin 作为一款优秀的跨平台开发工具，提供了包括单元测试、集成测试及 UI 测试在内的全面测试方案。借助 Xamarin.UITest 框架，开发者能便捷地用 C# 编写测试案例，如登录功能测试；通过 Xamarin 模拟框架，则可在无需真实设备的情况下模拟各种环境测试应用表现；Xamarin.TestCloud 则支持在真实设备上执行自动化测试，确保应用兼容性。结合持续集成与部署策略，进一步提升测试效率与应用质量。掌握 Xamarin 的测试最佳实践，对确保应用稳定性和优化用户体验至关重要。
土木林森
92 0
2G冲浪词条
|
8月前
|
安全 iOS开发 MacOS
Dolphin指纹浏览器+IPXProxy代理IP：配置与使用全流程
通过代理IP，用户可以轻松绕过地域限制，访问全球范围内的网站和服务。不过想要同时使用多个代理IP的话，就需要借助指纹浏览器。Dolphin指纹浏览器和IPXProxy代理IP是大家常用的组合，这个组合为用户打造了一个既安全又高效的在线环境。下面是Dolphin指纹浏览器配置IPXProxy代理IP使用步骤，帮助大家更好了解这个组合。
2G冲浪词条
213 3
游客mldfis24krfue
|
7月前
|
缓存 网络协议 Linux
在Linux中，当用户在浏览器当中输入⼀个网站，计算机对dns解释经过那些流程？
在Linux中，当用户在浏览器当中输入⼀个网站，计算机对dns解释经过那些流程？
游客mldfis24krfue
55 0
源码星辰
|
8月前
|
Web App开发 前端开发 JavaScript
认识WebKit浏览器引擎
WebKit是一款开源的浏览器引擎，用于渲染网页内容。它负责将HTML、CSS和JavaScript等网络资源转换为用户在屏幕上看到的图形界面。WebKit是一个跨平台的引擎，可以在多种操作系统上运行，如Windows、macOS、Linux等。
源码星辰
107 2
爱你三千遍斯塔克
|
8月前
|
Web App开发
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
爱你三千遍斯塔克
109 0
大树营养快线
|
4月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致？
综上所述，模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处，也有不同之处。在实际应用中，需要根据具体的场景和性能需求来选择使用哪种字符串处理方式，以达到最佳的性能和开发效率。
大树营养快线
131 63

热门文章

最新文章

  • 1
    【01】整体试验思路，如何在有UID的情况下获得用户手机号信息，python开发之理论研究试验，如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
  • 2
    【02】整体试验思路，在这之前我们发现sec_uid,sec_uid是什么和uid的关系又是什么？相互如何转换？python开发之理论研究试验，如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
  • 3
    【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
  • 4
    算法系统协同优化，vivo与港中文推出BlueLM-V-3B，手机秒变多模态AI专家
  • 5
    Cline：29.7K Star！一文详解VSCode最强开源AI编程搭子：一键生成代码+自动跑终端+操控浏览器...
  • 6
    Browser Use：40.7K Star！一句话让AI完全接管浏览器！自动规划完成任务，多标签页同时管理
  • 7
    Nanobrowser：开源版OpenAI Operator！AI自动操控浏览器，复杂网页任务一键搞定
  • 8
    深度解析：使用 Headless 模式 ChromeDriver 进行无界面浏览器操作
  • 9
    浏览器智能体崛起：Convergence Proxy为何会碾压OpenAI Operator？
  • 10
    Click Event Simulation：无需浏览器触发动态数据加载
  • 1
    云原生之使用Docker部署Firefox浏览器
    299
  • 2
    XML DOM 浏览器差异
    59
  • 3
    XML DOM 浏览器差异
    49
  • 4
    Chrome插件实现问题之单进程浏览器的不稳定主要体现在什么地方
    79
  • 5
    定义浏览器特征
    279
  • 6
    高并发架构设计三大利器：缓存、限流和降级问题之控制浏览器缓存的行为问题如何解决
    69
  • 7
    XML DOM 浏览器差异
    54
  • 8
    前端必备的浏览器调试技巧
    205
  • 9
    详细步骤解析：Undetectable指纹浏览器使用IPXProxy代理IP
    200
  • 10
    XML DOM 浏览器差异
    54

    • 相关电子书

    更多
  • 基于浏览器的实时构建探索之路
  • 手机卫士性能优化方案
  • 基于浏览器的实时构建探索之路--玄寂

    • 相关实验场景

    更多
  • 前端开发基础2：VS Code和Edge的联动开发
  • 快速实现摄像头视频画面的远程预览
    • 下一篇
    阿里云百炼已上线超强推理开源模型QwQ-32B，尺寸更小，性能比肩DeepSeek满血版