• js获取浏览器和设备相关width(屏幕的宽度)

    首先呢,我们将iPhone手机的相关数据表示如下 我们要理解很多东西,比如逻辑分辨率、物理分辨率、缩放因子、ppi等,这里先不讨论。 首先呢,我们先介绍下各个屏幕宽度: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页...

    2018-06-24 01:19:08

  • basic knowledge

    Position属性:规定元素的定位类型。即元素脱离文档流的布局,在页面的任意位置显示。 ① absolute :绝对定位; 脱离文档流的布局,遗留下来的空间由后面的元素填充 。 定位的起始位置为最近的父元素(postion不为static),否则为Body文档本身。 ② relative :相对定...

    2018-06-24 01:18:55

  • html5 图片上传 预览

    html body fieldset legend测试/legend div class="form-group" div class="img-preview rl" form id="index_form1" name="index_form1" role="form" method="post" enctype="multipart/form-data" style="float: left;" div class="mui-col-xs-4 img-upload mui-text-...

    2018-06-24 01:18:49

  • css3实现旋转表

    如图所示: css部分: style#clock { width : 100px ; height : 100px ; border-radius : 50% ; border : 4px solid black ; position : relative ;} #s { width : 2px ; height : 55px ; position : absolute ; top : 5px ; left : 49px ; background-color : red ; t...

    2018-06-24 01:19:05

  • HTML

    一、html简介 1. 什么是 HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 ( H yper T ext M arkup L anguage) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 2. HT...

    2018-06-24 01:18:50

  • 图片圆角显示与手机版文章页面CSS布局

    1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title Title / title 6 style 7 .nav { 8 width : 600px ; 9 height : 120px ; 10 background : url("images/07.jpg") ; 11 border : 1px solid red ; 12 position : relative ; 13 margin : 5px...

    2018-06-24 01:18:49

  • 手机端的viewport属性

    Window.devicePixelRatio This read-only property returns the ratio of the resolution in physical pixels to the resolution in CSS pixels forthe current display device. 该值为分辨率之间的比,不是直接比较像素。分辨率是指单位英寸内像素数,类似于PPI。 pc...

    2018-06-24 01:18:40

  • 从零开始学习html(八)CSS选择器——上

    一、什么是选择器? 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title 选择器 / title 6 style type ="text/css" 7 body { 8 font-size : 12px ; 9 color : red ; 10 } 11 / style 12 / head 13 body 1...

    2018-06-24 01:18:35

  • 消除2个按钮之间1px细节引起的冲突

    1、代码 ! doctype html html lang ="en" head meta charset ="UTF-8" / title 消除2个按钮之间1px细节引起的冲突 / title link rel ="stylesheet" type ="text/css" href ="css/bootstrap.min.css" / style type ="text/css" /* 源代码解读 */ .paginationlia { posit...

    2018-06-24 01:18:33

  • android webview和 javascript 进行交互

    HTML5进行app开发具有开发快,跨平台等优点,但是当客户需要访问照相机或者调用摄像头等硬件的时候,H5就会有限制,必须要调用原生方法进行设备访问。下面简要介绍JS和原生方法互相调用的方法: 1 在webview的进行配置,首先支持JS和JS接口访问: 这里JSHook是一个Java...

    2018-06-24 01:18:28

2