set html {font-size:62.5%! important} in APP.vue and {width:100%,hieght:5rem} in a div of other components, but it is 60px in Google and 50px in Firefox when checking elements.
set html {font-size:62.5%! important} in APP.vue and {width:100%,hieght:5rem} in a div of other components, but it is 60px in Google and 50px in Firefox when checking elements.
be reasonable, if you want to see the rem unit layout in the browser.
it is recommended that when using Google browser, cancel the setting to the minimum font 12px.
so you can keep it consistent.
chrome there is a minimum font size limit 12px and normally, the font-size of html should be the width or multiple of the design, such as 750pxpx75px, which is convenient for developers to write rem
.Previous: How to build knowledge graph in vue project
Next: Extern ostream cout (& fout); Why do you use extern here?
want to explain how to make table different colors? is not different. is . <table> <tr> <td width="100">a< td> <td><a>< td> < tr> <tr> ...
<template> <div style="height: 100%;"> <mt-header title=""> <mt-button icon="back" slot="left" v-tap="{methods: switchView, view: Post }">< mt-button> &l...
$(document).ready(function(){ $(".pageloading").show(); $(window).on("load", function() { $(".pageloading").fadeOut(); }); }); google chrome can, will $( ".pageloading "). FadeOut (); but the safari networ...
regarding the problem of css style, the parent div sets the property of overflow-y:auto, in which the box-shadow attribute of div cannot be displayed on the left and right sides. code is as follows: <div id="box"> <div class=&qu...
is flex compatible with ie9 when using postcss? ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title< title> <style type="text css"> html, body { height: 100%; wid...
as shown in the figure above, use css to make a magnification effect when a mouse passes over a square, but as soon as you enlarge a square, the square next to it will be squeezed out or squeezed into the next row. Is there any way to fix the enlarge...
I have two elements, a parent element and a child element. the parent element rotates N degrees. then I want to move the positioning of the child element, which moves relative to the parent element. how do I calculate the offset value. Let it move re...
does the use of font-family in the pc page css cause font infringement ...
< H1 > problem description < H1 > while writing transition animation, I inadvertently found that sometimes the page would jam, and the Chrome memory of the viewing task manager suddenly soared. After various exclusions, I found that transform:skew (9...
<view style= display:flex > <view style= display:flex;flex:1;flex-direction:column;align-items:stretch; > <view class= >:<text style= color:-sharpff0000 >{{ sum - promTotal }}< text>< view> <view ...
works well in other browsers, but three 1s appear under Firefox ...
Note: 1. Background gray 2. The coupon has a shadow, but the shadow of the gap also needs a gap. I hope shadows and rounded corners can be controlled by css. 3. It is hoped that the position of the center line can be controlled by css. seek opt...
our previous code is adapted to Google and Firefox, but now it is required that the code is compatible with IE11 browsers. It is impossible for me to rewrite the code, is it? Is there any quick way to solve it as soon as possible? The error is as follow...
@ media only screen and (min-width:320px) {html {font-size:12px;}} @ media only screen and (min-width:375px) {html {font-size:13px;}} @ media only screen and (min-width:412px) {html {font-size:14px;}} htmlrem1rembodypagepage1rem1rem16px1rem ...
for example, can there be a gray between payment and order price , but if this gray line is not all , then it is about 80% and then put it in the middle . Can this be done ? Update every line is only 80% . ...
use vue to do a nine-grid lucky draw, which is fast at the beginning, slow down after a few laps, and can control where to stop. There is a big lucky draw button in the middle of the prize. How to write the style, ask for advice ...
ios11 system, Wechat and browser are not good, animation cannot be paused at the beginning, and no problems are found in computer or qq <div className="c-Random-started" onClick={this.randomVisible} style={this.state.clickonthe...
AnimationPlayState: paused fails on ios, so I m going to abandon it. I see a divine solution https: codepen.io HaoyCn pen., but I don t know how to write it on react, ask for advice! <div style={this.props.clickonthe ? { AnimationPlayS...
https: fonts.google.com spec.:400,500,500i,700 https: fonts.google.com specimen Ubuntu?selection.family=Ubuntu:400,500,500i,700 I choose Ubuntu and then I check regular 400 and I introduce it to the web site and write it like this . font-family: ...