When dealing with mobile pages, we sometimes need to make the banner diagram a wide square with the screen to get the best experience, such as the Flipbord mobile page: So how do you use pure CSS to make a square that can fit the size? Scenario One: CSS3 VW unit CSS3 has a new set of length units relative to the viewable area as a percentage of VW, VH, Vmin, Vmax. Where VW is a unit relative to the viewport width percentage, 1vw = 1% viewport width, VH is a unit relative to the viewport height percentage, 1VH = 1% Viewport height;vmin is the percentage unit of the smaller one relative to the current viewport width high school, the same as V Max is a percentage unit of the larger one relative to the current viewport width high school. The Unit browser compatibility is as follows: With VW units, we can easily make adaptive squares: <p class= "placeholder" ></p>&n
1. Detailed examples of using pure CSS to implement adaptive squares
Summary: When dealing with mobile pages, we sometimes need to make the banner diagram a wide square with the screen to get the best experience, such as Flipbord's mobile page: So how do you use pure CSS to make a square that is adaptive to size? Scheme one: CSS3 VW unit CSS3 ...
2. The new unit (VW) in CSS3
Introduction: CSS3VW unit pasteimage.png100vw=100% window width 100vh=100% window Height This enables an adaptive square (a container with a fixed length-to-width ratio) to be quite simple! [LANG=STYLUS].BOXWIDTH10VWHEIGHT10VW since it is a new unit, there is bound to be a compatibility issue. [Lang=jade].imgboximg (src= "img/a.png") [Lang=stylus].imgboxwidt ...
3. Python Common Library Introduction
Introduction: IPython + Ptpython, the perfect experience first is to install pip install IPython Ptpython then use Ptipython What's the benefit of 1. IPython is a very powerful Python enhancement tool 2. Ptpython provides an automatic completion function like the IDE 3. When you enter Pyipython in the command line, it combines the functions of both, incredibly powerful! Virtualenv + Virtualenvwrappe
4. Using CSS new unit VW,VH method in responsive design
Introduction: This article details the use of CSS new unit VW,VH in the response design of the application method
5. Description of "VH" & "VW" for mobile CSS Units
Introduction: This article describes the "VH" & "VW" of the mobile CSS units respectively
6. Example of using CSS to maintain page content aspect ratio method
Introduction: This article mainly describes how to use CSS to maintain page content aspect ratio of the method, the author of the Pseudo-element and the VW unit and other different methods under the example, the need for friends can refer to the next
7. Create a virtual standalone Python environment under Ubuntu
Summary: Virtualenv can build a virtual and stand-alone Python environment, allowing each project environment to be isolated from other projects, keeping the environment clean and resolving package conflicts. This article describes how to create a Python virtual environment in Linux and Ubuntu, as well as the installation of Virtualenvwrapper, the need for friends to reference, let's take a look at it.
8. (Advanced article) PHP generate unique membership card number
Introduction: We will 0-z (0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ) represents the value 0-35, such as the letter Z for 35. So I'm going to get a 5 digit number, the maximum amount of information is 36 of 5 square, 36^5 = 60466176, that is, the largest 5-bit number is equivalent to 10 decimal number: 60466176.
9. How to install virtualenv and virtualenvwrapper in Python
Introduction: The following small series to bring you a Python installation of virtualenv and Virtualenvwrapper methods. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little knitting.
How to install virtualenv and virtualenvwrapper in Python
Introduction: The following small series to bring you a Python installation of virtualenv and Virtualenvwrapper methods. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little knitting.
"Related question and answer recommendation":
PHP namespace Error
JavaScript-I don't want to be h5 what the hell is the kernel? Why never Upgrade
Python-virtualenvwrapper The backup idea of the environment?
The virtualenvwrapper problem of Pip-python
Php-mysql "PAGER set to stdout" How to extract data