winWidth

首页 > TAG信息列表 > winWidth

Vue中的PC简单适配

前端pc版的简单适配我们都知道对于前端pc版本的适配是一个难题，大部分都是做的媒体查询。但是有时间公司不要媒体查询就是需要不管多大的屏幕都是满屏显示。我就在考虑为啥不用rem给pc端做个适配。我是基于设计图是1920的做的简单的js适配。 1 2 3 4 5 6 7 8 9 10 11

uniapp tab选项卡简单demon

<template> <view class="content"> <view class="title-bar"> <view :class="selIndex==n?'selIndex':''" v-for="(i,n) in titleList" @click="selIndexs(

js实现移动端兼容设置

js实现移动端兼容设置例如：我们需要在移动端设置一个菜单栏，使它的宽度刚好等于视口的宽度，并且当我们切换不同的设备的时候，使它的能呈现出一样的效果，因为我们想到可以使用百分比来设置，当随之而来的问题是，里面的所有元素也必须跟着使用百分比。因此，我们使用一下的js代码来实现

微信小程序-导航

wxml <view class="content"> <view class="loginTitle" style='height:80rpx'> <view class="{{currentTab==0?'select':'default'}}" data-current="0" bindtap="switchN

响应式用法rem,需要加入这段JS

<script type="text/javascript"> $(function(){ function size() { winWidth = $(window).width(); if (winWidth < 750) { $("html").css("fontSize", (winWidth / 10).toFixed(1)

vue 项目切换手机端和pc端。同一个项目，配置不同的路由

1，首先判断设备：在main.js里面写 // vue原型挂载 - 是否PC端if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { Vue.prototype.$pc = false hostConfig.vconsole && new VConsole()} else { Vue.prototype.$pc = true let winWidth = documen

apicloud 如何解决轮播图变形问题

contentMode：类型：字符串描述：（可选项）图片填充模式默认值：'scaleToFill'取值范围：scaleToFill（填充）scaleAspectFit（适应）；将默认的填充改为适应 UIScrollPicture.open({ rect: { x: 0, y: 0, w: api.winWidth, h:api.winWidth/1.875