• 关于

    js定页面宽度

    的搜索结果
  • 浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应

    浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应 一. 在HTML的头部加入meta标签 在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,代码如下: <meta name="viewport" conte...

    文章 幸运券发放 2018-03-30 1845浏览量

  • 移动端自适应布局的高效方法,欢迎批评或指正

    是我个人偏好的一种方法,优点是可以省去大量的适配时间和精力, 一、总的办法是首先使用一点JS判断设备宽度,再给根元素html设置font-size,从而适配整个页面。 二、CSS中,无论是字号还是宽高,如果都使用em或rem单位(1px的可以无视),最终都是由根元素html的font-size大小...

    文章 技术小牛人 2017-11-22 646浏览量

  • 移动端适配简易步骤

    手机端全部适配简易步骤,不确保没有bug。 1、HTML 的 head 部分中加入如下代码: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-s...

    文章 cometwo123 2016-03-23 1948浏览量

  • 【转】移动浏览器的viewport

     本文主要转自:移动浏览器的viewport ,部分内容有补充修改。   对于移动web开发,最好了解一下viewport的概念,在quirksmode.org有两篇文章详细介绍了它,A tale of two viewport(1 2),感觉非常好,本来想翻译的,但这两篇文章实在太长了,没耐性,...

    文章 技术mix呢 2017-11-24 1126浏览量

  • 如何通过js和jquery获取图片真实的宽度和高度

    原文:如何通过js和jquery获取图片真实的宽度和高度 1、什么时候需要获取图片真实的宽度和高度       在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式!       另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的...

    文章 杰克.陈 2014-09-25 773浏览量

  • HTML5 移动页面自适应手机屏幕四类方法

    使用meta标签:viewport viewport是用户网页的可视区域。翻译为中文叫做“视区” 手机浏览器是把页面放在一个虚拟的“窗口”(viewpoint)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中,用户可以通过平移和缩放来看网页的不同部分。 ...

    文章 小旋风柴进 2018-06-16 1468浏览量

  • 《Ext JS权威指南》——1.3节Ext JS 4概述

    1.3 Ext JS 4概述1.令人兴奋的Ext JS 4曾经笔者以为Ext JS会止步于Ext JS 3,而全力投身于移动开放领域。而且HTML 5的强势出现,在笔者看来,会对JavaScript框架带来一定的冲击,Ext JS前景不太乐观。想不到在2010年年底,在Sencha博客上出现一篇名...

    文章 华章计算机 2017-08-01 974浏览量

  • 【原】提高网站加载速度的3项黄金守则

    如何优化网页加载速度是每个前端开发工程师需要了解的,也是前端开发工程师需要具备的基本条件。 优化网站加载速度的原理主要是减少网站文件的大小,减少HTTP请求数。网站文件越小,浏览器加载页面会比较轻松,打开页面的速度也会提升;一个HTTP请求,对页面打开速度造成的延时大概是0.01秒,HTTP的请求...

    文章 白树 2016-04-29 1668浏览量

  • paip.自适应网页设计 同 响应 与设计的原理的差and实践总结

    paip.自适应网页设计 同 响应 与设计的原理的差and实践总结   响应式Web设计(Responsive Web design)的理念是: 1 #-----------自适应布局VS响应式布局 2 设计思路Mobile First 2 #---手机and平板分辨率 3 #---------v...

    文章 eddie小英俊 2017-11-22 1212浏览量

  • bootstrap学习笔记--初识bs

    参考: https://www.quanzhanketang.com/bootstrap/bootstrap_grid_basic.html bootstrap是基于jQuery的前端CSS框架 预定于好了各种CSS类 相当于API接口,直接调用即可使用css样式,方便前端开发。 这个...

    文章 codingcoge 2018-05-24 1202浏览量

  • 响应式设计与自适应设计

    响应式设计与自适应设计 相信从事前端页面设计的人都知道,页面呈现的效果及用户体验是非常重要的。当今社会移动设备的使用已超过了pc端,面对不同分辨率的设备,怎样做到页面体验的效果一样呢?这就成了最头疼的事情。 下面我们来看看响应式设计与自适应设计两者用法: 响应式Web设计(Responsiv...

    文章 leonwuv 2016-10-31 1211浏览量

  • nuxt使用antv-l7踩坑

    nuxt.js 下使用 antv-l7 实在是有太多的坑了,官方文档也不是很全,只能不断摸索和尝试,下面我把这些坑记录下来,也许能帮到你。 这些解决方案不会是唯一解,也不见得是最优解,但至少解决了我的问题,而且还保留了代码的相对整洁和高效。如果你有更好的解决方案,欢迎留言;如果未来官方修复了这些问...

    文章 jxtxzzw 2020-12-24 94浏览量

  • 摘抄的一些内容,谁用谁知道

    记录下蛮好的一些总结内容,摘抄的网上原文(http://www.zhangxinxu.com/wordpress/),只有用过的才会知道哈。一点一滴的积累。哈哈,慢慢享用。。。display:none是个相当惨无人道的声明,子孙后代全部搞死(株连性),而且连块安葬的地方都不留(不留空间),导致全体...

    文章 爱六六 2012-03-12 625浏览量

  • 用vue做项目的一些总结

    1.新cli工具生成项目配置webpack,根路径创建vue.conf.js module.exports = { configureWebpack: config => { // 为生产环境修改配置... if (process.env.NODE_ENV === 'production...

    文章 李博 bluemind 2018-06-01 1978浏览量

  • 第132天:移动web端-rem布局(进阶)

      rem布局(进阶版)       该方案使用相当简单,把下面这段已压缩过的 原生JS(仅1kb,源码已在文章底部更新,2017/5/3) 放到 HTML 的 head 标签中即可(注:不要手动设置viewport,该方案自动帮你设置),此方案仅适用于移动端web <script>...

    文章 半指温柔乐 2018-01-01 941浏览量

  • 关于移动端布局的几种方式

    关于移动端的布局有很多的方式,下面我就来谈谈个人的一些看法。首先因为手机屏幕的多样化这为移动端的布局带来了一定的难度,如何让页面自适应,现在有很多种解决方案,以下就是我关于移动端的一些解决方案,仅供参考:1.使用viewport进行布局:在Html页面的head标签内引入这句代码: 这句代码可以让...

    文章 孤狼whf 2017-05-16 1939浏览量

  • 前端必备的浏览器知识(渲染过程、回流和重绘等)

    常用哪几种浏览器测试?有哪些浏览器内核(Rendering Engine)? (Q1)浏览器:Chrome,IE,FireFox,Safari,Opera。 (Q2)对应内核:Webkit,Trident,Gecko,Webkit,Presto。(国内的浏览器,除了傲游是直接基于Webkit开发的...

    文章 余二五 2017-11-15 1263浏览量

  • 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——第9章 使用jQuery Mobile来导航页面 9.1技巧:搭建jQuery Mobile基础页面

    本节书摘来自异步社区《jQuery、jQuery UI及jQuery Mobile技巧与示例》一书中的第9章,第9.1节,作者:【荷】Adriaan de Jonge , 【美】Phil Dutson著,更多章节内容可以访问云栖社区“异步社区”公众号查看 第9章 使用jQuery Mobile来导...

    文章 异步社区 2017-05-02 1077浏览量

  • x5开源库后续知识点

    目录介绍 01.基础使用目录介绍 1.0.1 常用的基础介绍 1.0.2 Android调用Js 1.0.3 Js调用Android 1.0.4 WebView.loadUrl(url)流程 1.0.5 js的调用时机分析 1.0.6 清除缓存数据方式有哪些 1.0.7 如何使用DeepLi...

    文章 杨充 2019-11-04 1612浏览量

  • jQuery学习之:jqGrid表格插件——参数配置

    由于jqGrid功能强大,配置比较复杂,在第一个例子中,对于jqGrid的配置参数没有进行什么解释。从现在开始,会陆续介绍jqGrid的参数。这 些参数的详细介绍请查看官方文档。由于本人英语水平有限,翻译不好,请多原谅。(为了保证连贯性,翻译时引用了 http://a3mao.javaeye.co...

    文章 技术小胖子 2017-11-09 1487浏览量

  • 《Ext JS实战》——1.6 测试

    本节书摘来自异步社区《Ext JS实战》一书中的第1章,第1.6节,作者:【美】Jesus Garcia著,更多章节内容可以访问云栖社区“异步社区”公众号查看 1.6 测试 在这个练习中,要创建一个Ext JS的Window,然后通过Ajax请求一个HTML文件,并把文件的内容展现在Window的...

    文章 异步社区 2017-05-02 1592浏览量

  • Weex布局尺寸通用适配方案的研究

    问题 weex为前端赋予了强大的跨端开发能力和较一致的良好的用户体验。weex一般是与native进行协作开发: 同app内不同页面用两者分别开发,统一串联 同页面两者协作开发,比如native提供组件,weex使用 由于native布局一般采用定高不定宽的方式,以求不同尺寸的屏幕可以得到基本...

    文章 疏笠 2017-07-19 12658浏览量

  • 第135天:移动端开发经验总结

    一、移动端三种布局   1、有最大、最小宽度的百分比自适应布局   适用场景:门户网站首页,图片较多的首页。   2、百分比自适应布局   适用场景:信息文字较多的网页,内容较多网页。   3、全屏自适应布局   适用场景:单页面网页,移动web app 页面。 二 、Box-sizing在移动...

    文章 半指温柔乐 2018-01-04 1289浏览量

  • Weex在苏宁移动办公开发中是如何实践的?

    Weex 是什么? Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue 合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,打造三端一致的 native...

    文章 技术小能手 2018-06-07 1741浏览量

  • Web前端知识体系精简

    Web前端技术由html、css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的...

    文章 行者武松 2017-08-01 680浏览量

  • 懒加载和预加载的实现

    提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以及实现 懒加载 什么是懒加载 懒加载也就是延迟加载;当访问一个页面时,先将img标签中的src链接设为同一张图片(这样就只需请求一次,俗称占位图),将其真正的图片地址存储在img标签的...

    文章 webmirror 2017-11-17 7473浏览量

  • Web前端知识体系

    Web前端技术由html、css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的...

    文章 技术小甜 2017-11-16 1073浏览量

  • jquery插件制作 -- 2.图片走廊:gallery

      本文主要内容是讲解图片走廊-gallery的实现。   首先创建jquery.gallery.js的插件文件,构建程序骨架。 (function ($) {   $.fn.gallery = function () {     return this.each(funct...

    文章 bill.kang 2012-08-14 645浏览量

  • 移动端自适应布局的最好工具-rem

    提到rem,大家首先会想到的是em/px/pt这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦 先看看兼容性,关于移动端: ios:6.1系统以上都支持 android:2.1系统以上都支持 基本上主流浏览器...

    文章 webmirror 2017-11-09 5959浏览量

  • 第131天:移动web页面的排版与布局

    一、总之一句话, 尽量用mm 毫米作为标准单位. 采用新的相对单位 rem 首先设置html的 font-size 为根大小.  html{ font-size:1mm; } .titleheight{ height:10rem; //这里等于10mm width:11rem; //这里等于11m...

    文章 半指温柔乐 2017-12-31 1156浏览量

1 2 3 4 6 >

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT