Tag:font size

  • Use jcanvascript plug-in to simplify canvas operation to draw interface


    Directly on the code, copy to the file, run directly can see the effect; Plug in address jcanvascript:http://jcscript.com <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>jcanvas</title> </head> <script></script> <body> <canvas height=”568″ width=”320″ id=”canvas_1″ style=”border:1px solid #ccc;width:320px;height:568px”></canvas> </body> <script> var h = 1; var img=new Image(); img.src=”./head.png” jc.start(‘canvas_1′); jc.rect(0,0,320*h,130*h,’#ff5d5e’,true); JC. Text (“personal center”, 160 * h, […]

  • What’s the difference between EM and PX? what’s the difference between em, px and rem ?


    What is the difference between EM, PX and REM? PX: absolute unit. The page is displayed in precise pixels. Em: relative unit. The benchmark is the font size of the parent node. If the font size is defined by itself, it is calculated by itself (the default font of the browser is 16px). 1em is […]

  • JavaScript — case demonstration: Click to have surprise


    1、 Mode one Several pages click once to switch once Steps: 1. Build box1, set the position of box1’s width and height background color, its internal text line height, font size and font color 2. Set box1 click event Code demonstration: Document .box{ width: 200px; height: 200px; background-color: red; margin: auto; text-align: center; line-height: 200px; […]

  • Some common font size font units and line height in CSS


    PX (pixel) pixel I believe you are not unfamiliar with the term pixel. Next, let’s introduce some small knowledge points of this unit Pixel is composed of two words: picture and element. Pixel is not an absolute unit of natural length. For example, the same size of 1px has different “natural length” on different devices. […]

  • Dancing widget with shackles on the tip of the needle


    Since IOS 10, Apple has made a big change to the widget, many people have developed their own widget. There are also many online tutorials to show you how to quickly develop a widget. My article will not repeat the simple creation of extension, adding certificate and so on. We need to take a deeper […]

  • Let’s talk about the difference between REM and EM and how to do mobile terminal adaptation


    What’s the difference between REM and em remIt’s based onhtmlThe font size of the element, andemIt is determined according to the size of the element using it, which is generally called relative length unit. It is calculated according to the font size of its parent element16px = 1em If the parent elementfont-size:16px, child elementmargin:0.8em. So […]

  • Uicollectionviewcell “left display”


    1、 Preparation 1.UICollectionView Left Aligned Layout A uicollectionview left display constraintClick download_ UICollectionView Left Aligned Layout 2、 Project catalogue 3、 Custom uicollectionviewcell Collectionviewcell. H creates the uilabel property to pass values #import <UIKit/UIKit.h> @interface CollectionViewCell : UICollectionViewCell @property (nonatomic, strong) UILabel *titleLB;; @end Collectionviewcell. M creates a display text view Here, the text size of […]

  • The difference between SP, DP and PX in layout file


    preface: As we all know, there are many Android manufacturers, and Android phones and tablets of various sizes emerge in an endless stream. The fragmentation of Android ecological environment is becoming more and more serious. In order to solve the problem of excessive resolution, Google defines Px, DP and SP in the Android development document, […]

  • Flutter Weekly Issue 58


    course Application of reverse flutter Flutter is always with you plug-in unit creditcard-slider Dart package for creating a credit card slider flutter-orientation A Flutter plugin for device’s orientation flutter-responsive-tabs A responsive tabs demo at two different screen size namely tablet and phone. swipedetector A Flutter package to detect up, down, left, right swipes. awesomeDialogs A […]

  • Fun canvas – clock plug-in based on CSS3 and canvas


    Learn from the latest tiktok clock platform and HUAWEI’s popular theme of the cool clock H5 made of a Online address:http://www.ooo0o.com/2019/fas… JS package has been released to NPM(https://www.npmjs.com/package… npm i fashionclock //Vue project introduction method 1: // const fashionclock = require(‘fashionclock’) // Vue.prototype.fashionclock =fashionclock //Vue project introduction mode 2: import fashionclock from ‘fashionclock’ Vue.prototype.fashionclock =fashionclock […]

  • Implementation of font adaptive label in AutoLayout


    In AutoLayout, for example, there are two labels on the cell. The content length of one label may be too long to fit the line according to the design font size (but it will not be super long), while the content of the other label will be very short. The requirement specifies that the text […]

  • A “isolated island” app (No.1, project initialization, screen adaptation)


    A “isolated island” app (No.1, project initialization, screen adaptation) Reading suggestions Words: 2739 Time: it depends on you Main contents: pictures and codes Scene: on the way to work, in bed target We’ll finish this part next Since we are the requested network image resources, there will be some request time, which should be optimized […]