• Mobile adaptation related issues


    1. Related knowledge: 1.1 pixels Physical pixel (device pixel): is the number of luminous points in the screen. For example, the resolution is 640 x 1136px. There are 640 luminous points in the transverse direction and 1136 points in the longitudinal direction. Logical pixels (device independent pixels)A device independent unit used to logically measure pixels. […]

  • Building Vue plug-in with large visualization screen by datav vite


    datav-vite A Vue plug-in for quickly generating visual templates,Project address: https://github.com/chuxiaoguo… What is this plug-in? We usually encounter companies that ask us to write one or more simple large screen Visualizations with graphs, cool animations, text, etc.At this point, you need to think about how to adapt to the screen resolution. What grid layout do […]

  • Basic knowledge of HTML (block level tags, inline tags, inline block tags)


    Block level element: an exclusive line, which takes effect on the attribute value of width and height; if no width is given, the block level element will default to the browser’s width, that is, 100% width; In line element: multiple tags can exist in one line, which does not take effect on the width and […]

  • JS opens a new window, JS opens a center window, JS opens a custom window


    ================================ Copyright 2020-01-07 https://www.cnblogs.com/fanshuyao/   var isIE=!! window.ActiveXObject ; // IE browser or not var isIE6=isIE&&! window.XMLHttpRequest ; // IE6 browser or not Var isie7 = ISIE & &! Isie6 & &! Isie8; // IE7 browser or not var isIE8=isIE&&!! document.documentMode ; // IE8 browser or not var availheight = screen.availHeight ; // the default […]

  • Set the width of the table to be fixed without changing the text


    After the width of table in the page is set to width = “600px”, the width is still not fixed. If the text is too long, it will not wrap, which makes the table deformed. terms of settlement: 1. Set the width in table, absolute width and relative width table-layout:fixed ; With this property set, […]

  • High fill when picture is not loaded


    scene Some pictures have a certain width and are highly adaptive. When the pictures are not loaded, the height is 0,When the loading is completed, the height of the page will be opened, which will cause the page to flicker and shake during this process thinking By defaultpaddingThe percentage value of is referenced by the […]

  • Phpstorm2018cancel editor vertical bar


    Cancel the operation of vertical line or width adjustment in phpstorm text editing area:Cancel: Adjust width:

  • On the layout of REM mobile terminal


    Using REM to realize adaptive layout should be a major trend of mobile front-end. Some people are still confused about this. They don’t understand how REM realizes adaptive layout and how to adjust the value of REM according to the design draft? How to use sprite background for REM layout? REM do you have to […]

  • (36) C – WinForm custom control – step control – hzhcontrols


    Official website http://www.hzhcontrols.com premise It’s been 7 or 8 years since I started, I always want to make a set of beautiful custom controls, so I have this series of articles. GitHub:https://github.com/kwwwvagaa/NetWinformControl Code cloud: https://gitee.com/kwwwvagaa/net_ winform_ custom_ control.git If you think it’s OK, please click star to support it Welcome to discuss: Penguins 568015492 catalog […]

  • REM use configuration


    How to make the font size of the root element change dynamically? /*dpi*/ /* for 1080+ px width screen */ /* for 1080 px width screen */ /* for 800 px width screen */ /* for 800 px width screen */ @media only screen and (min-width: 751px) { html, body { font-size: 31.25px; } } […]

  • Transporter — weex pit diary (2)


    Implementation of fixed footer Weex defaults to flex layout and only supports flex layout. Use flex layout to fix the footer at the bottom. Here refer to the article flex layout grammar tutorial on rookie tutorial to implement. <template> <div class=”wrapper”> <div class=”tab-container”> <text>main</text> </div> <div class=”footer”> <text>footer</text> </div> </div> </template> <style scoped> .wrapper { […]

  • [retake CSS] an interview question to look at pseudo elements, inclusion blocks, and high collapses


    preface A few days ago, a group friend asked an interview question in the group, which was about the puzzle of an adaptive square layout. First, paste the code. In fact, I haven’t written CSS for a long time, and some of the details are vague. Therefore, I decided to pick up CSS again to […]