文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    网页自适配手机端

    博客在手机打开一直不能适配，手机上访问的体验很不好。今天把博客的大部分页面都加了自适配手机端，只要修改每个页面的css 即可。 之前大概知道怎么去改，但是页面太多实在觉得麻烦，就一直没有去改。...= -1) {              isMobile = true;              alert("本博客手机打开不适配，建议使用电脑访问效果最佳！...css最烦的就是调来调去还差点的，特别是屏幕宽度，就很无语~ 手机适配的话先加个meta viewport。...移动端的布局不同于pc端，首先我们要知道在移动端中，css中的1px并不等于物理上的1px，因为手机屏幕的分辨率已经越来越高，高像素但是屏幕尺寸却没有发生太大变化，那就意味着一个物理像素点实际上塞入了好几个像素.../**手机适配**/ @media only screen and (max-width: 767px) {    header{width:100%}    .banner{width: 100%;height

    3.9K30

    pc与手机页面的差别分析

    而页面一般情况下对于pc来讲，没有听说过有问题的。 那么手机性能如何呢？我们也从游戏角度讲，之前手机性能是很低的，撑不起游戏本身的需要，如果真的吧一款高质的游戏放到手机，你只会感觉到卡顿、间歇感很强。...1.2 最终结论 对比鉴定 ：pc占优，手机占劣， 1.3 导致结果 直接导致了一些需要性能的页面只能优先考虑pc完成，比如图表绘制，css3动画，部分页游。...2.2 最终结论 pc大，页面容量更大，手机小，展示内容需要精简 2.3 导致结果 页面布局内容不同：pc页面布局中产品全局性展示项会一直存在，比如说我们pc中任何页面都会有公共头部，尾部，菜单项，侧边栏...产品类型不同：pc端比手机端有更多的产品类型，比如说管理后台，公司官网，广告平台，图标汇总统计后台，技术or ui的集中营等；而手机端目前更偏向于展示，管理职能偏弱，交互职能偏强。...；也可以举例商品列表，我在pc端的一页中看到了更多的商品，而在手机端只看到2-5个，而且大小对比也非常明显； 对于分页数据处理不同：pc是点击跳转页，对于之前的页面放在历史记录的，而且是比较规整的只能看每页多少条数据

    2.1K30

    手机管家 iPhoneX 的适配总结

    作者：龙伟炜， 腾讯手机管家移动端开发 商业转载请联系腾讯WeTest获得授权，非商业转载请注明出处。...原文链接：http://wetest.qq.com/lab/view/337.html WeTest 导读 随着苹果发布会的结束，Xcode的GM版也上线了，也意味着iPhoneX适配之旅的开始。...注意设计的基本原则：（苹果呼吁的） [规格原帖] WWDC__Designing for iPhoneX ,最终说明见上面的官方说明 二、让App充满屏幕 刚升级完GM版Xcode，兴奋地build了一下手机管家...俨然，这时候需要手动适配的地方，也可以这样操作掉。...打包 || 直接拖.app去模拟器 (其实这里打不打都可以，基于程序员的仪式感我才打的包) 第4步，测试同学手上有这个.app文件，输入命令安装到模拟器上 请开着iPhoneX再去跑这命令 由于手机管家的适应力有点强

    2.2K00

    手机管家iPhoneX的适配总结

    作者龙伟炜， 腾讯手机管家移动端开发 商业转载请联系腾讯WeTest获得授权，非商业转载请注明出处。...https://developer.apple.com/videos/play/fall2017/801/） 最终说明见上面的官方说明 让App充满屏幕  刚升级完GM版Xcode，兴奋地build了一下手机管家...俨然，这时候需要手动适配的地方，也可以这样操作掉。 避免影响原本的各机型代码，通常这样 ： ?...由于手机管家的适应力有点强，没有横屏和一些布局的情况，所以很快地就完成了适配工作，剩下的调整就交给设计师完成了~ 腾讯WeTest兼容性测试团队积累了10年的手游测试经验，旨在通过制定针对性的测试方案...腾讯WeTest提供：兼容适配测试；云端真机调试；安全测试；耗电量测试；服务器压力测试；舆情监控等服务。

    1.2K10

    php自动生成百度开放适配PC页－手机页pattern对应关系sitemap.xml

    以前做百度开放适配一直是提交普通的 url 对应关系，这种方式有个缺点，就是必须每个页面的 url 关系都得兼顾，即有多少就得提交多少。...遇到这种难题，其实百度也提供了另一种关系提交——PC 页－手机页 pattern 对应关系。 这种对应关系的优点在于，每一种 url 形式只需要提交一组具备正则对应关系的 xml 数据结构即可。...一、文章关系 对应文章页面，我的博客是%post_id%.html 的格式，剩下的也只是 PC 域名和移动域名的对应关系，所以文章页面pattern 对应关系可如下提交：     ...五、提交关系 每个在百度站长平台验证过的网站都具备百度开放适配的权限。...④、企业网站若有需要，张戈博客可提供有偿适配服务：50 元/次，包括 xml、META 申明等。 关于开放适配的教程写到这就全部结束了，我会找个时间整理总结一个终结篇，方便有需要的人查看，敬请期待。

    97990

    Min Browser 迁移适配鸿蒙 PC 平台完整教程

    Min Browser 迁移适配鸿蒙 PC 平台完整教程 前言 Min Browser 是一个在 GitHub 上拥有 20,000+ Stars 的开源项目，以其快速、最小化的设计和强大的隐私保护功能而广受开发者喜爱...新兴操作系统生态 鸿蒙 PC 作为华为推出的新一代操作系统，具有以下优势： 统一生态：与手机、平板、智能设备无缝协同 分布式能力：支持多设备协同工作 性能优化：针对 ARM 架构深度优化 安全可靠：企业级安全保障...技术探索 将成熟的 Electron 应用迁移到新平台，是一次深入理解跨平台开发的机会： 架构理解：深入理解 Electron 的架构设计 平台差异：学习不同操作系统之间的差异 适配技巧：掌握跨平台适配的方法和技巧...生态建设 丰富应用生态：为鸿蒙 PC 带来优秀的浏览器应用 技术积累：为后续项目积累经验 社区贡献：回馈开源社区 3....├── components/ # UI 组件 └── ability/ # 基础 Ability 类 适配器模式 核心创新在于使用适配器模式来桥接 Electron

    1.1K10

    autoconf 命令行工具 OpenHarmony PC 适配指南

    autoconf 工具 OpenHarmony PC 适配指南 工具简介 GNU Autoconf 是一个可扩展的 M4 宏包，用于生成 shell 脚本来自动配置软件源代码包。.../configure**：配置项目，生成 config.h 和 Makefile **运行 make**：编译项目 OpenHarmony 适配过程 项目结构 autoconf/ ├── bootstrap...autoreconf：生成 configure 脚本（开发版本） configure：配置构建环境，生成 Makefile make：编译源代码和生成工具 make install：安装到指定目录 适配步骤...代码仓[24] PC 社区[25] 参考资料[19] Autoconf 官方网站: https://www.gnu.org/software/autoconf/ [20] GNU Autotools...代码仓: https://gitcode.com/OpenHarmonyPCDeveloper [25] PC社区: https://OpenHarmonypc.csdn.net/

    50610

    vue项目移动端、pc端适配方案

    vue项目移动端、pc端适配方案 lib-flexible 根据屏幕宽度，自动设置html的font-size postcss-px2rem 自动将px单位转换成rem 一、第一步先安装 flexible...postcss-px2rem会将px转换为rem，rem单位用于适配不同宽度的屏幕，根据标签的font-size值来计算出结果，1rem=html标签的font-size值。...三、修改lib-flexible源码 因为lib-flexible主要用于手机自适应，当屏幕尺寸大于540px时，它设置html的font-size固定为54px，并不能根据屏幕尺寸调整html的font-size...pc端的适配方案，当然手机端、pc端也可以同时适配，前提是页面布局不变。...一般而言，手机端、pc端共用一个项目还是建议使用栅格布局、媒体查询控制。 六、参考 vue中使用rem布局解析+大屏自适应 基于vue cli3的移动端适配问题

    4.9K30

    手机QQ空间iPhone X适配总结

    自去年9月12日苹果发布会发布iPhone X之后，新颖的设计虽然引来不少骂声，但也给iOS设计和开发者带来了新的挑战，本文总结了iOS QQ空间对iPhone X适配过程遇到的问题和解决手段。...iPhone X尺寸说明 根据苹果iPhone X适配规范，iPhone X屏幕尺寸为375 x 812pt，宽度和iPhone 6/6s/7/8一样，但高度比它们高了145pt，如下图所示。...[image.png] 适配过程 NeXT，下面开始填坑过程。...OK，那么我们该如何适配状态栏高度呢？首先，假如之前代码中控件布局将状态栏高度写死20pt，那么很高兴地告诉你，以前挖过的坑，现在跪着也要填完。...，那就是到底要不要修改toolbar的高度，如下面输入面板中表情滑动条的高度，根据内部适配规范我们只是把它往上提而不修改其高度，但这看上去悬空的感觉可能会有点奇怪。

    3K30

    【Android 屏幕适配】屏幕适配基础概念 ④ ( 屏幕适配限定符 | 手机平板电脑设备屏幕适配 )

    文章目录 一、屏幕适配限定符 二、手机/平板电脑设备屏幕适配 平板电脑市场占有率 密度无关像素计算 手机设备限定符 平板设备限定符 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持...一、屏幕适配限定符 ---- Android 系统加载应用资源时 , 会根据当前运行应用的设备的相关属性 , 如 : 屏幕尺寸 / 屏幕像素密度 / 宽高比 / 屏幕方向 等属性 , 加载不同的屏幕适配限定符目录下的资源...port : 纵向屏幕 ; 屏幕宽高比限定符 : 标准屏幕宽高比为 16:9 ; long : 比标准屏幕要长的屏幕 , 如 20:9 , 21:9 ; notlong : 标准屏幕 ; 二、手机.../平板电脑设备屏幕适配 ---- 平板电脑市场占有率 Android 平板市场占有率如下 , 大概还是占了 40% 左右 , 因此平板适配还是很重要的 ; 密度无关像素计算 一般情况下 , 平板电脑的布局或图片资源...在 布局 或 图片 目录名称中 , 加上 sw360dp 限定符 , 几乎兼容所有的手机设备 ; 当前市面上的手机 , 屏幕宽度 很少有超过 360 dp 的 ; 只要横向 密度无关像素 \rm

    8.2K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券