the current project is compatible with laptops and desktops.
but what is the size of the notebook?
Notebook @ media
how to write
the current project is compatible with laptops and desktops.
but what is the size of the notebook?
Notebook @ media
how to write
Notebook resolution generally needs to be adapted to 1366x768 and 1440x900, corresponding to 13-inch and 14-inch screens respectively, not to mention that 1920x1080 screens are basically in line with desktop resolution. However, there will be a headache, that is, high-resolution screen adaptation (mainly modified this part of the system DPI). My processing method is similar to that of the mobile side, that is, using DPR media adaptation statements (compatible with writing webkit and moz is basically enough) with font-size to do the overall zoom, so that on the one hand, it can be compatible with the high-score screen, on the other hand, it can also partially deal with the misoperation of accidentally zooming the web page. The page frame uses bootstarp, this piece may have to change the original file, otherwise the high split screen will collapse (a variety of larger ones).
now the notebook screen is also very big. You can write
like this.@media screen and (min-width: 1000px) and (max-width: 2000px) {
body {
background-color: red;
}
}
@media screen and (min-width: 2000px) and (max-width: 3000px) {
body {
background-color: blue;
}
}
if not, are you talking about adaptation or something?
Previous: How does vue save the user name?
Next: Vue jquery render datatable error Cannot read property 'style'
what is the current level of support for vw,vh layouts in mobile browsers? ...
Icon shows the red part. Choose how to write the effect in css ....
visual studio what plug-in allows CSS style codes to be displayed from least to more? sort out from least to most as shown in the following figure ...
this animation seems to be an animation with a height of 0 to 100%. How can it be realized? ...
$("-sharpadd_link").click(function(){ var link_html = "<div class= "linkAll_inn ">" + "<div class= "activity_theme ">" + ...
how is the style of CAPTCHA realized? how to find the principle! question: is there an input for each number? Find the solution ...
A table may have multiple pieces of data, and you can show a different number of entries by selecting different data to be displayed on each page, so here s the problem: I want to position the pages absolutely. Cannot be positioned relative to the brow...
step: 1. First, npm install webpack-g 2. Later, npm install webpack@1.15.0 was installed locally-- save-dev 3. Then execute webpack-v 4. Prompt: The CLI moved into a separate package: webpack-cli Would you like to install webpack-cli? (That will ...
the video will block the buttons below, ios, everything is fine, Android problems z-index is invalid absolute positioning is not valid nail built-in browser or is there an alternative to make the style look good ...
position:fixed;bottom: 0; perfect solution . It took me a long time to use height:100%;display:flex; align-self:end , found a position:fixed;bottom: 0; perfect solution I solved using height:100%;display:flex; align-self:end; *{ margin:...
because we are currently preparing the vw vh layout method and vertical screen application, but a horizontal screen equals to the exchange of vw and vh, and the interface is deformed. How to avoid this situation? ...
< el-upload class="upload-demo" ref="upload" action="http: localhost:8090 opus add" :data="mage" :on-exceed="handleE...
the figure is as follows: ...
...
adjust the font color according to the background color. When the blue background obscures the font, the color becomes white. Now it s half covered how to change the color of the font ...
this weird problem occurs with masks when out of focus. Appears only in iOS ...
the weather forecast is in the top navigation bar of the project. I don t know how to achieve this ...
these class libraries are designed to solve the 300ms delay and the emergence of point-through bug. when I first transferred to mobile development, I didn t think too much about it. I found several articles that mentioned these issues. The proposed s...
<div id="app"> <!----> <keep-alive> <router-view v-if="$route.meta.keepAlive">< router-view> < keep-alive> <router-view v-if="!$route.meta.keepAli...
var mySwiper = new Swiper( .swiper-container ,{ direction: vertical , loop: true, autoplay: { delay: 1000, }, slidesPerView: 5, slidesPerColumn: 2, }) loop...