an activity diagram, cut into 3 pieces, and then use the rem layout,
< div class= "bg1" > < / div > < div class= "bg2" > < / div > < div class= "bg3" > < / div >
.bg1 {
background:url()
height: 3rem;background-size: cover;}
then a split line appears on the Android,
I don"t know how people generally do this kind of topic
I haven't encountered any similar requirements, so share some ideas on how to deal with them.
this problem is generally caused by the inability to recognize px units with decimals on some Android computers. Since rem unit conversion is set according to the font size of the html root node, you can change the rem adaptation scheme. Instead of manually writing the viewport tag, you can adjust to use js to control the scale attribute value in the viewport tag, so that pixel units with decimals will not appear during conversion.
refer to Ant Financial Services Group's HD screen adaptation scheme: https://gw.alipayobjects.com/.
do not know what the split line is like, no picture wow, I found it myself, and yours is not the same, according to your code can only see, if your picture is not height:3rem, and then you set the height:3rem, so that the picture does not show a complete, and the following pictures naturally do not dock, it will cause the appearance of a split line. It is recommended to use pictures, you 1 picture cut 3, there is no need to use the background, with the picture directly set a width:100% can, other let him adapt!
set the font-size of the container to 0 try
finally use rem layout, but margin-top:-0.05rem each image to solve the split line problem
as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...
A picture grows slowly when it slides up to a certain extent. Why does it bring out a line that has been entangled all night? I can t find the reason. ...
my Q starts from scratch, but I want him to write ti+= < p claqss= "title-count " > has answered 8 questions + Q claqss= "title-count " > answered 1 question correctly; wrote like this: ti+= < p claqss= "title-count " > answered 8 questions + Q...
try the events and methods of jqgrid api, are useless, ask the boss what good methods are available ...
the new project found that testing the drop-down on chrome will refresh the page look at Mobile Taobao s implementation of the drop-down and do not know how to achieve it ...
...
does the use of font-family in the pc page css cause font infringement ...
I found a js code from the Internet to calculate the time difference effect is that we have been together xx days xx xx minutes xx seconds problem is that this time will not change only enter the web page after refreshing to keep the same value so I...
recently read the front-end https: www.w3cplus.com mobil. this article, feel very troublesome, why not learn Android ...
Why does the problem of redirection occur when using ajax to request other websites $.ajax({ url:"https: www.baidu.com", type: GET , headers:{ Access-Control-Allow-Origin : * ...
canvas draws multiple ball collisions on the canvas. How can I add a click event to the ball? as far as I know, adding an event to the canvas actually gets an area on the canvas to fix an event? Is it true that the ball can not be added if it keeps ch...
demand is 1: 15 days after the current time is banned, 2: the date range can only be within 7 days. If the start time is the 2nd, the end time cannot be greater than the 8th, and the rest display mouse display is disabled . have you ever done it, ...
how to upload a preview of a single image in react. For mobile, ant design is used. mobile framework is just a novice, can give a specific code ...
figure 1 shows the effect of modifying the scroll bar style code in figure 2 , but you can see that there is still a color area on the left that is the default width of the scroll bar excuse me, how to cancel this part ...
submit=(e)=>{ e.preventDefault(); let value=this.props.form.getFieldValue( key )+this.props.from.getFieldValue( replytext ); alert(value); } render() { const { getFieldProps } = this.props.form; ret...
routing: < Route path= " datareport :name " component= {ReportIndex} > < Route > ; receive: `componentWillMount () { document.title=""+this.props.params.name; }` access: Why does http: localhost:3000 datareport 3 make an error sayi...
Yes, it s me again, the one who made the lowest mistake last time. The problem is this: wants to put two vertical bars in the middle of the three a tags, like the navigation bar. After I set the style, I found that the two bars that act as vertical ...
compatibility of Xiaomi browser and uc mobile browser is shown in figure ,uc,uc, . css .price {font-size:22px;color:-sharpF79200;text-align:center;width:90px;margin:0 auto;height:30px;position:relative;padding-left:6px;} .pricon {width:16px;height:...
dva creates a project, what are the specific functions of those configuration files how to use ant design mobile in it ...
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=...