美文网首页
pc适配代码

pc适配代码

作者: Augenstern___ | 来源:发表于2018-12-12 14:46 被阅读0次

注:这种方式是使整体页面布局随视图大小变化而变化 此方法主要针对pc端 并且不能加移动端meta标签

  $(function () {
  $("body").css("width", $(document).width() + "px");
  $(window).resize(function () {
    if ($(window).width() > 1180) {
      $("body").css("width", $(window).width() + "px");
    } else {
      $("body").css("width", $(document).width() + "px");
    }
  });
});

相关文章

  • pc适配代码

    注:这种方式是使整体页面布局随视图大小变化而变化 此方法主要针对pc端 并且不能加移动端meta标签

  • vue一套代码适应移动端,pc端

    一、 使用场景:有适配pc端改为适配pc端和移动端,使用2套css代码实现App.vue 注意:为2套css分别指...

  • 如何使用蓝湖设计稿同时适配PC及移动端

    项目需求: 一套代码同时适配PC及移动端方案: pc端采用px布局,移动端采用rem布局,通过媒体查询(media...

  • 移动化的SEO

    [跳转适配:等于是新站一个移动站,根据设备或者UA]代码适配:PC,移动使用相同的地址,不考虑设备,根据浏览器通过...

  • pc适配

    图片宽度百分比,高度自动 字体行高不写单位,按当前字体的倍数写 合理设置媒体查询的断点(以及断点之间可能可以换算的...

  • React 入门与实战

    适配PC or Mobile 端 - react-responsive

  • 移动端适配及pc端跳转代码

    移动端rem适配 pc端跳转

  • html5移动端开发响应式屏幕适配

    1、响应式设计不仅用在移动网站,在PC端也有不同屏幕的适配,而且移动端和PC端可以只使用一套代码,这就是全平台的响...

  • PC端页面适配

    pc端的适配需求:目前我们pc项目的设计稿尺寸是宽度1920,高度最小是1080。 适配目标:1.在不同分辨率的电...

  • 微信小游戏屏幕适配

    作者: 何永峰;标签: 屏幕适配 屏幕适配 适配都是老生常谈,移动端要根据手机屏幕适配,PC端也有时候根据不同的...

网友评论

      本文标题:pc适配代码

      本文链接:https://www.haomeiwen.com/subject/umzuhqtx.html