< div id=box >
<img src="">< / div >
< H1 > box {< / H1 >overflow: hidden
height: 0
padding-bottom: 43.372rem}
at present, the width and height of 1rem = 50px pictures are 640276 respectively. How is the value of the aspect ratio padding-bottom calculated
according to the title and description, you want the aspect ratio of the box to be equal to 640 container 276 of the picture, then the padding-bottom should use the percentage, whose actual pixel value reference is the parent container width of the image. In this case, the value of padding-bottom should be 276 over 640 * 100% = 43.125%
actual dom structure
<img/>
</div>
</div>Previous: Js N-layer array nests the last layer of data for Filter
Next: The relationship between this and closure is a little confusing, who will show me?
for example: < tr vmurfort = "item in Data " > <td class="red">{{item.td}}< td> < tr > Data = [td:12,td:14] what if I want to add a separate red style for td > 13? ...
what should I do when I send back the requested data in a different style? the red box is marked by two pieces of data I have tried several ways, please give me some advice ...
there is a list page as shown below: " " 1011: " " : vue ...
question background: there is a wireless drop-down list on page A, click on a list item and jump to the new page B; during the return of page B to A, the keep-alive operation is performed on page A, that is, the page is cached, the data of page An is ...
the front-end asynchronous API acquires data as follows, and the whole string is a large one: "-sharp-sharp 2018.05.08Version: 1.0.65-sharp-sharp-sharp New Features- [Navs](http: a.com):Navs [Tabs](http: a.com):-TabsiScroll - [Tags](http: a.com...
problem description export default { functional: true, props: { data: { type: String, default() { return ; } }, depth: { type: Number } }, ...
in the requirements of the project, vue-for is used to load the data and display it in tr, but the data is required to be displayed in two rows. My solution is as follows: <table> <thead>< thead> <tr v-for="...
No problem on ios. Sliding up and down is basically no problem. Android pull-down refresh conflicts with the sliding area in the middle of the page, and once you swipe up (that is, when the finger is pulled down), it triggers the entire page drop-down ...
https: caniuse.com -sharpsearch=p. at the bottom of the page, I also see a section saying that it supports ios ( https: caniuse.com -sharpfeat=poi. is not good at English, so what does it mean that pointer events is not compatible with ios in the...
effects on Android mobile devices: : attached code: data:{ iconMove:". images icon_move_right.png", } mounted:function () { var that=this; var right_div2 = document.getElementById("right_div2"...
watch: { $route (to, from) { this._findBread() this.lastRoutePath = from.path this.$nextTick(() => { autoHeight() container.style.minHeight = calc(100% - 30px) }) } }, <transition name="fade&quo...
I want to display locally acquired json data in this div in the same format (as in the figure), so I used pre, but I couldn t show it. But consloe.log can be output in the background. Solve <div class="mod-2"> <!-- json --> ...