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

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

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

02-视口_哔哩哔哩_bilibili

https://material.io/devices/

移动端综合考量分析

PC端常见浏览器，360浏览

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

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

尺寸汇总

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

iPhone6/7/8样式写法

视觉视口的含义

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

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

文章标签：
Web App开发
编解码
关键词：
浏览器兼容性
浏览器手机
浏览器开发
移动端浏览器
浏览器流程
爱你三千遍斯塔克
目录
相关文章
光明顶阳顶天
|
1月前
如何在不同的浏览器环境中确保时间戳转换的兼容性？
通过以上这些措施，可以在不同的浏览器环境中提高时间戳转换的兼容性，确保应用能够在各种浏览器中稳定运行，为用户提供良好的体验。
光明顶阳顶天
33 1
a游苏杭
|
2月前
|
Web App开发 移动开发 前端开发
H5微信外支付（移动端浏览器）
H5微信外支付（移动端浏览器）
a游苏杭
51 1
H5微信外支付（移动端浏览器）
bibilili
|
1月前
|
Web App开发 定位技术 iOS开发
Playwright 是一个强大的工具，用于在各种浏览器上测试应用，并模拟真实设备如手机和平板。通过配置 `playwright.devices`，可以轻松模拟不同设备的用户代理、屏幕尺寸、视口等特性。此外，Playwright 还支持模拟地理位置、区域设置、时区、权限（如通知）和配色方案，使测试更加全面和真实。例如，可以在配置文件中设置全局的区域设置和时区，然后在特定测试中进行覆盖。同时，还可以动态更改地理位置和媒体类型，以适应不同的测试需求。
Playwright 是一个强大的工具，用于在各种浏览器上测试应用，并模拟真实设备如手机和平板。通过配置 `playwright.devices`，可以轻松模拟不同设备的用户代理、屏幕尺寸、视口等特性。此外，Playwright 还支持模拟地理位置、区域设置、时区、权限（如通知）和配色方案，使测试更加全面和真实。例如，可以在配置文件中设置全局的区域设置和时区，然后在特定测试中进行覆盖。同时，还可以动态更改地理位置和媒体类型，以适应不同的测试需求。
bibilili
66 1
dufadayang
|
2月前
|
Web App开发 前端开发 JavaScript
如何确保媒体查询在不同浏览器上的兼容性？
【10月更文挑战第7天】
dufadayang
46 1
源码星辰
|
5月前
|
Web App开发 前端开发 JavaScript
认识WebKit浏览器引擎
WebKit是一款开源的浏览器引擎，用于渲染网页内容。它负责将HTML、CSS和JavaScript等网络资源转换为用户在屏幕上看到的图形界面。WebKit是一个跨平台的引擎，可以在多种操作系统上运行，如Windows、macOS、Linux等。
源码星辰
65 2
。思索
|
4月前
|
前端开发
浏览器——如何定制console的输出样式
浏览器——如何定制console的输出样式
。思索
82 0
朝阳39
|
5月前
|
前端开发 JavaScript
vue3【实战】创建项目、创建并提交代码到远程仓库，安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码，提升开发效率的必要集成
vue3【实战】创建项目、创建并提交代码到远程仓库，安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码，提升开发效率的必要集成
朝阳39
83 0
爱你三千遍斯塔克
|
5月前
|
SQL NoSQL 关系型数据库
若依修改02，若以提供了多种版本，RuoYi-Cloud和SpringBoot+Vue都是PC端的，如果想要适配手机端,用Uniapp+vue，导入Mysql和启动Redis
若依修改02，若以提供了多种版本，RuoYi-Cloud和SpringBoot+Vue都是PC端的，如果想要适配手机端,用Uniapp+vue，导入Mysql和启动Redis
爱你三千遍斯塔克
191 0
爱你三千遍斯塔克
|
5月前
|
Web App开发
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
爱你三千遍斯塔克
60 0
技能实验室
|
1月前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式：`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求，返回Promise对象，可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果，适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
技能实验室
52 5
在浏览器执行js脚本的两种方式