`
李俊良
  • 浏览: 145333 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

移动版和PC网站兼容的做法研究

 
阅读更多

 

现在兼容做移动版兼容

见过的比较多的是做媒体自适应

通过媒体的宽度等来处理

还有通过js来跳转

比如baidu会分为www.baidu.com和m.baidu.com

里面分的比较细致

还有一种是就是www.m12305.com这种方式

 

我把这三种分别说成

1.媒体自适应,css来判断

2.域名跳转适应 可以用多种技术

3.www.m12305.com,后台判断user-agent来加载不同的模板文件

 

首先我觉得最好的还是第三种

纯靠媒体自适应不靠谱,因为PC端和移动端不仅仅是布局会有差异

还需要考虑数据量的差异,移动端加载的数据量应该比PC端稍微少一些

用域名跳转的方式也不好,因为会增加用户的成本,用户需要记住多个域名

对一般站长来说SEO也不好,子域名分担了权重了

 

以上只是个人的体会,有啥不同意见的一起交流下

 

分享到:
评论

相关推荐

    canvas生成画图签名PC移动全兼容版

    "canvas生成画图签名PC移动全兼容版"是一个基于JavaScript和canvas技术实现的电子签名解决方案,它能够适应个人电脑(PC)和移动设备。下面将详细探讨这个项目所涉及的技术和知识点。 1. **Canvas API**: - ...

    pc与移动端端适配网页模板

    在构建现代网站时,"PC与移动端适配网页模板"是一个关键的概念,它涉及到网站设计的响应式布局,使得网站能够在不同设备上提供良好的用户体验。无论是个人电脑(PC)还是移动设备(如智能手机或平板电脑),用户都能...

    dede织梦同时生成PC和移动版源码,自己都在用,需要的朋友赶紧下吧

    标题中的“dede织梦同时生成PC和移动版源码”是指在织梦系统中实现了PC端和移动端的同步生成功能,这对于现代网站来说至关重要,因为随着移动设备的普及,网站必须具备良好的响应式设计,能够适应不同尺寸的屏幕。...

    一个非常不错的滑动插件兼容pc和移动端推荐使用

    它具有跨平台性,能同时兼容个人电脑(PC)和移动设备(如手机、平板),适应现代互联网用户多设备使用的习惯。描述中提到的“附有说明文档链接”,意味着在下载的压缩包中可能包含了一份详细的使用指南,方便开发者...

    superslide2升级版superslide3 同时兼容移动端,pc端和响应式。

    【标题】"superslide2升级版superslide3:兼容移动端、PC端与响应式设计的图片轮播组件" 【描述】"随着互联网技术的发展,网页设计对跨平台兼容性和用户体验的要求日益提高。superslide2作为一个受欢迎的图片轮播...

    JQ拼图验证(兼容PC+移动)

    "JQ拼图验证(兼容PC+移动)"是一个专为解决这一问题而设计的插件,它集成了jQuery库的功能,同时考虑到了桌面端(PC)和移动端(移动设备)的兼容性,特别是针对触摸操作进行了优化。接下来,我们将深入探讨这个...

    U盘版PC3000

    "U盘版PC3000"是一款专为硬盘数据恢复和诊断设计的专业工具,它将复杂的硬件设备和软件系统集成到了一个便携式的U盘之中。这款工具主要用于硬盘驱动器的故障检测、数据恢复以及固件修复,是IT行业中硬盘问题解决的...

    兼容pc端、手机端、ipad全屏显示

    总的来说,实现"兼容pc端、手机端、ipad全屏显示"需要深入理解响应式设计原理,熟练运用CSS3媒体查询,以及对不同浏览器和设备的兼容性有深刻认识。只有这样,才能创造出无论在哪种设备上都能提供优质体验的网页。

    兼容PC和移动页面的mobiscroll日期插件

    由于项目需要,最近移动页面中需要一个可以点击后弹窗,然后添加时间日期的插件 网上搜了一下,发现mobiscroll插件挺好,只是皮肤样式跟自己要求的不符 这个没问题,用了个把小时修改一下即可搞定 使用...

    SIMATIC-NET V8.2 v12 v13 3个版本的软件兼容性文档

    它可能还改进了与移动设备和远程访问方案的兼容性,以满足现代工业环境中的灵活工作模式。 在实际应用中,用户需要考虑的兼容性问题包括:硬件设备是否能与不同版本的SIMATIC-NET协同工作,例如PLC、HMI、工业...

    luluui基于jQuery针对PC网站兼容IE7modern主题或IE8peak主题的前端UI框架

    luluUI是一款专为PC网站设计的前端用户界面框架,它以其对IE7(modern主题)和IE8(peak主题)的良好兼容性而备受关注。在当前网页开发环境中,面对不同浏览器的兼容问题,luluUI提供了一种解决方案,使得开发者可以...

    响应式布局(PC与手机访问的兼容性)详解

    ### 响应式布局(PC与手机访问的兼容性)详解 #### 一、响应式布局的概念与发展背景 响应式布局是一种使网站能够自动适应不同设备屏幕大小的技术方案,旨在为不同终端提供统一且优质的用户体验。该概念最早由Ethan ...

    兼容PC和移动页面的mobiscroll日期插件特效代码

    【标题】:“兼容PC和移动页面的mobiscroll日期插件特效代码”指的是一个软件开发中的解决方案,它涉及到了在不同设备上实现一致且优化的日期选择器用户体验。 Mobiscroll是一个流行的JavaScript库,专为触摸设备...

    网站前端页面模板(15套包括pc端、移动端)

    2. "干净简洁人才模板" - "仿台州人力网触屏版手机wap招聘网站模板":这款模板专注于人力资源和招聘服务,具备发布职位、求职者简历提交、招聘信息展示等特性,界面清晰,便于用户操作。 3. "炫酷带动态首页轮播图...

    wangEditor-轻量级web富文本编辑器-兼容pc 移动等多平台

    wangEditor是一款专为现代Web应用设计的轻量级富文本编辑器,它具有良好的跨平台兼容性,能够在PC、移动设备等多平台上流畅运行。该编辑器以其配置简便、使用简单的特性,受到了开发者们的广泛青睐。在本文中,我们...

    一些通用的兼容性测试用例

    - **移动设备兼容性**:测试应用程序在不同品牌和型号的手机和平板上的表现,考虑屏幕尺寸、操作系统版本、触摸交互等因素。 - **软件升级兼容性**:检查新版本软件是否能与旧版本的数据和设置无缝衔接,避免数据...

    响应式移动PC双用企业网站

    在"响应式移动PC双用企业网站"中,设计者已经考虑到了跨平台的兼容性和用户友好性。这样的网站通常包含以下关键要素: 1. **流式布局**:使用百分比而非固定像素来定义元素宽度,使页面可以根据浏览器窗口大小进行...

    css兼容手机、平板、PC各种分辨率的网站

    在构建一个兼容手机、平板和PC的响应式网站时,CSS(Cascading Style Sheets)起着至关重要的作用。响应式设计允许网站根据用户设备的屏幕尺寸和方向自动调整布局,提供良好的用户体验。以下是关于使用CSS实现跨平台...

    用USB移动硬盘安装PC3000的方法详解

    1. 一个兼容的USB移动硬盘:确保移动硬盘容量足够存储PC3000软件及其所需的数据。 2. PC3000软件:可以从官方网站或者其他可靠渠道下载最新版本的软件安装包。 3. USB数据线:用于连接移动硬盘与电脑。 安装步骤...

    CRMEB标准版及Pro首页PC模板最新版V4.5

    CRMEB标准版及Pro首页PC模板最新版V4.5是针对电商网站设计的一款高效、易用的前端模板,适用于PHP、JavaScript、Vue.js技术栈,并与小程序接口兼容。这款模板提供了丰富的功能和优化的用户体验,旨在为开发者提供一...

Global site tag (gtag.js) - Google Analytics