website mobile testing, found that the right side of the merit list content is crowded together.
how do I adjust so that div+ul+li adapts to the screen width?
website mobile testing, found that the right side of the merit list content is crowded together.
how do I adjust so that div+ul+li adapts to the screen width?
you can use this method to write code adaptively on the installation screen:
above 1280 resolution (greater than 1200px)
@ media screen and (min-width:1200px) {
-sharppage{ width: 1100px; }-sharpcontent,.div1{width: 730px;}-sharpsecondary{width:310px}
}
1100 resolution (greater than 960px, less than 1199px)
@ media screen and (min-width: 960px) and (max-width: 1199px) {
-sharppage{ width: 960px; }-sharpcontent,.div1{width: 650px;}-sharpsecondary{width:250px}select{max-width:200px}
}
880resolution (greater than 768px, less than 959px)
@ media screen and (min-width: 768px) and (max-width: 959px) {
-sharppage{ width: 900px; }-sharpcontent,.div1{width: 620px;}-sharpsecondary{width:220px}select{max-width:180px}
}
720 resolution (greater than 480px, less than 767px)
@ media only screen and (min-width: 480px) and (max-width: 767px) {
-sharppage{ width: 450px; }-sharpcontent,.div1{width: 420px;position: relative; }-sharpsecondary{display:none}-sharpaccess{width: 450px; }-sharpaccess a {padding-right:5px}-sharpaccess a img{display:none}-sharprss{display:none}-sharpbranding -sharps{display:none}
}
resolution below 440 (less than 479px)
@ media only screen and (max-width: 479px) {
-sharppage{ width: 300px; }-sharpcontent,.div1{width: 300px;}-sharpsecondary{display:none}-sharpaccess{width: 330px;} -sharpaccess a {padding-right:10px;padding-left:10px}-sharpaccess a img{display:none}-sharprss{display:none}-sharpbranding -sharps{display:none}-sharpaccess ul ul a{width:100px}
}
screenshot to show you the code
.]
A timing examination system is triggered if the click event is triggered within 5 seconds, and if it is not triggered, the system marks the correct answer at the end of the countdown. How to implement ...
...
...
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. ...
I would like to ask why the clear floating code I wrote is invalid. and. How to use the flex layout to make the horizontal arrangement of the above two div fill the entire screen. The third div is filled with the bottom location. code is as follows: `...
there is an h5 page embedded in the encapsulated APP. After the function of issuing an order, how can I get the user s id to add the address and place the order ...
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. ...
A similar question, I want to know how to deal with the number of correct answers. I originally wanted to declare a variable and then decide to add it when the answer is right, but not if it is wrong. But what is printed is always 0 and 1 ....
mac chamfering effect, the display is abnormal, the code is as follows, please take a look at ...
make an answer system, trigger the click event on the answer page (choose the correct answer), and add 1. No mistakes. Now the whole answer is finished. Jump to another page, that is, the answer completion page, how can I get the value of the correct ans...
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...
html and .tool-container if there is no width:100%;, the default is not full, why? I hope I can simply build a html to paste my code into it and help me find the problem. Thank you ...
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...
the background gives me an interface to tell me the parameters to be passed, and how to click Save to save the address information entered by the user to the address list ...
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...
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 ...
o ...
when I click the button to select a region, there will be three addresses of provinces, cities and regions. I got the value through .html, but the parameters required by the background are separated by city and county. What do I do with the data segmen...
...