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

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

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

02-视口_哔哩哔哩_bilibili

https://material.io/devices/

移动端综合考量分析

PC端常见浏览器，360浏览

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

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

尺寸汇总

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

iPhone6/7/8样式写法

视觉视口的含义

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

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

文章标签：
Web App开发
编解码
关键词：
页面浏览器
手机pc
手机页面
pc端浏览器
浏览器流程
爱你三千遍斯塔克
目录
相关文章
蚝油菜花
|
11月前
|
人工智能 开发框架 自然语言处理
Eko：一句话就能快速构建复杂工作流的 AI 代理开发框架！快速实现自动操作电脑和浏览器完成任务
Eko 是 Fellou AI 推出的开源 AI 代理开发框架，支持自然语言驱动，帮助开发者快速构建从简单指令到复杂工作流的智能代理。
蚝油菜花
1418 12
Eko：一句话就能快速构建复杂工作流的 AI 代理开发框架！快速实现自动操作电脑和浏览器完成任务
爱你三千遍斯塔克
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
爱你三千遍斯塔克
239 0
1326286648473291
|
Web App开发 前端开发 JavaScript
为什么浏览器兼容性在开发网站时很重要？
浏览器兼容性在网站开发中确实非常重要。
1326286648473291
353 1
算精通
|
Web App开发 JavaScript 前端开发
浏览器内小脚本开发
【8月更文挑战第31天】
算精通
411 1
左诗右码
|
Web App开发 前端开发 JavaScript
手摸手教你，从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始，逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始，你将学习如何设置开发环境，包括安装 Chrome 和准备文本编辑器，并掌握 HTML、CSS 和 JavaScript 的基础知识。接着，我们将构建插件的基本结构，涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
左诗右码
965 8
土木林森
|
Web App开发 JSON 安全
【跨域难题终结者】：一键解锁Chrome浏览器神秘设置，彻底告别开发阶段的跨域烦恼！
【8月更文挑战第20天】跨域是前端开发常遇难题，尤其在前后端分离项目中。浏览器因安全考量会阻止不同源间的请求。本文对比CORS、JSONP、代理服务器等解法，并介绍开发阶段通过调整Chrome设置来临时禁用跨域限制的方法，提供启动Chrome及使用`fetch`API示例，适合快速测试。但请注意这不适用于生产环境，存在一定安全风险。
土木林森
3150 1
。思索
|
前端开发
浏览器——如何定制console的输出样式
浏览器——如何定制console的输出样式
。思索
207 0
朝阳39
|
前端开发 JavaScript
vue3【实战】创建项目、创建并提交代码到远程仓库，安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码，提升开发效率的必要集成
vue3【实战】创建项目、创建并提交代码到远程仓库，安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码，提升开发效率的必要集成
朝阳39
234 0
爱你三千遍斯塔克
|
SQL NoSQL 关系型数据库
若依修改02，若以提供了多种版本，RuoYi-Cloud和SpringBoot+Vue都是PC端的，如果想要适配手机端,用Uniapp+vue，导入Mysql和启动Redis
若依修改02，若以提供了多种版本，RuoYi-Cloud和SpringBoot+Vue都是PC端的，如果想要适配手机端,用Uniapp+vue，导入Mysql和启动Redis
爱你三千遍斯塔克
677 0
爱你三千遍斯塔克
|
Web App开发
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
爱你三千遍斯塔克
298 0

热门文章

最新文章

  • 1
    入门指南：使用 Playwright MCP Server 为你的 AI Agent 赋予浏览器自动化能力
  • 2
    PHP 程序员如何为 AI 浏览器（如 ChatGPT Atlas）优化网站
  • 3
    基于springboot的手机销售网站
  • 4
    [解决办法]已经安装了数字证书，但是谷歌浏览器登录https协议的web系统时仍然提示证书不受信任
  • 5
    DNS中电脑网址能打开，用手机浏览器不行，需要解析什么？
  • 6
    vue项目监听浏览器窗口大小发生变化触发事件
  • 7
    【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件，Video 禁止鼠标右键下载
  • 8
    快速浏览Silverlight3：在浏览器外运行Silverlight应用
  • 9
    Javascript学习7 - 脚本化浏览器窗口
  • 10
    Angular最新教程-第三节在谷歌浏览器中调试Angular
  • 1
    探索安卓与iOS手机操作系统的发展趋势与差异
    353
  • 2
    基于springboot+vue.js的华强北商城二手手机管理系统附带文章和源代码设计说明文档ppt
    183
  • 3
    基于springboot+vue.js的附带文章和欢迪迈手机商城源代码设计说明文档ppt
    103
  • 4
    基于微信小程序的手机商城+springboot+vue.js附带文章和源代码设计说明文档ppt
    244
  • 5
    基于SpringBoot+Vue+uniapp的品牌手机销售信息系统的详细设计和实现(源码+lw+部署文档+讲解等)
    142
  • 6
    基于SpringBoot+Vue+uniapp的网上手机商城的详细设计和实现(源码+lw+部署文档+讲解等)
    162
  • 7
    手机号注册登录（保姆级）
    370
  • 8
    【苹果安卓通用】xlsx 和 vCard 文件转换器，txt转vCard文件格式，CSV转 vCard格式，如何批量号码导入手机通讯录，一篇文章说全
    838
  • 9
    【通讯录教程】苹果安卓鸿蒙系统通用，如何大批量导入手机号码到手机的通讯录，下面教你方法，只需1分钟搞定几万个号码的导入手机电话本
    2363
  • 10
    为何手机gps定位需要流量,而车载不需要?
    634

    • 相关电子书

    更多
  • 360手机卫士：插件化方案漫谈
  • 基于浏览器的实时构建探索之路
  • 基于浏览器的实时构建探索之路--玄寂
    • 下一篇
    「直播预告」Streaming Lakehouse Meetup EP.2｜Paimon × StarRocks 共话实时湖仓