such as title:
requirement is: adapt to desktop phone tablet
question: develop three sets of code or adapt? If you want to adapt, do you want to set a meta tag on the phone or something that contradicts the desktop and tablet?
such as title:
requirement is: adapt to desktop phone tablet
question: develop three sets of code or adapt? If you want to adapt, do you want to set a meta tag on the phone or something that contradicts the desktop and tablet?
not all designs are responsive.
if some designs are not done according to the grid module, the mobile end may need to be designed separately, and eventually it may be divided into multiple pages, and the server will spit out the corresponding pages according to the request ua.
Grid design is simple, and there are a lot of ready-made things available (such as bootstrap), small screen pc/ tablet, which comes out when the mobile end is slightly adjusted.
of course, it would be better to write by component, it's all ready-made.
personally, the most troublesome thing for pc is the high split screen, and the most troublesome for mobile is different aspect ratio.
vuejs is fine. It can automatically adapt
is responsive, right?
Media query
or rem
. It is recommended that Media query
if you can adapt to the three ends, many UI frameworks can do it, such as Bootstrap.
.if there is no shortage of time, it is recommended to do it separately. Because of various special-shaped screens, the adaptation of mobile devices will be more troublesome.
the adaptation of PC is relatively simple, and the mainstream solution of mobile should be vw+rem. If you just use the media query for adaptation, I guess it will make you
want to jump off a building
vuejs is fine, and the template can be adapted. If the project is relatively large, the foreground should be written separately, and the data should be unified in the form of interface
.shouldn t vue use vue-router? Why can it only be put into devDependencies (development dependency)? ...
when I use position:fixed in the head, I operate the page drop-down in the web page. The head is fixed and does not follow the page drop-down. Android will not, but iOS will. Have you ever encountered this is the time of drop-down ...
.saveresult { font-size: 13px; position: fixed; box-shadow:0 0 5px 3px rgba(0,0,0,.09); background-color: rgba(0,0,0,.1); border-radius: 20px; padding: 10px; width: 300px; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-...
I would like to ask you, recently, I am learning that requirejs, knows that r.js is used to package requirejs modules. But now I want to package the requirejs module with r.js in conjunction with gulp. read a lot of tutorials, and many of the tutorial...
in the figure, the landing box is fixed relative to the vertical and horizontal center of the screen fix, and the width and height is a fixed value. is the same size as the blueprint on 1920-1080, but it becomes very large on the 13-inch screen of m...
the input in the input box is relatively concentrated, is there any way to control the gap between them, ask for guidance! ...
when the first picture is normal, then click on the left column to put away the rotation picture can not immediately adapt to the screen to appear a blank the strangest thing is that as soon as I press F12 to view the elements, it can be self-adap...
recently encountered some problems in the process of learning react.js. Go to the code diagram first: inputonChangestate,stateinputvalue. consolestateinputvalue,... state,,,. this picture, which obtains the real-time value, fetched by input directl...
on ios10 devices, the full-screen button for video tag video is incomplete. ...
an evaluation page, I want to click the submit button and replace the entire page content with a check mark animation, and then add a back button, how to replace all the content in the entire div? Ask for the answer of the Great God ...
for example, the iphone6 and iphone6plus,dpr are 2 and 3, respectively, and the PPI is 326 and 401, respectively. Suppose I html directly write dead style= height:100px , to see the effect is the same height. But what I can t figure out is that the ac...
as mentioned above, we need to use column to achieve the effect of column-by-column reading. A problem has been found that writing like this (omitting CSS), will cause DIV2 to follow DIV1. We hope that, as shown in the figure, after the end of DIV1, a ...
common.js will have many functions that I define myself, such as: export function a(){ } export function b(){ } export function c(){ } I will quote him in ad.vue: import {a} from @ assets js common.js I will quote him in r...
video.js custom full screen button, you can see your own button after full screen, but when you click it, it triggers a pause? How to solve this? have you ever used it? ...
how does fieldset round the border (IE11 is still right-angled Google is rounded) how to move to 123789 turn red (unless + .red) + li:nth-child (3) unexpectedly not work? <!DOCTYPE html> <html> <head> <meta charset="UTF-8&quo...
just like the "message ", "dynamic " and other buttons at the top of bilibili, a pull-down suspension layer appears when you hover over it. As long as the mouse is still on the button, or on the layer, the layer will not disappear, without both will di...
1. Click the button to expand all, and then el-tree will expand all 2. Click the button to collapse all, and then el-tree collapses all 3. Use: default-expand-all= "isExpand ", dynamically change the value of isExpand, the value changes, but the tree...
style in full screen ...
there is a problem that has been bothering me. The page is as follows, which is a simple html code-generated page. The page contains a div, in the body tag. I artificially make the body scrollable and the div content scrollable. the effect of the page...
The form form has two buttons, one to confirm and one to return. I just need to click OK to verify instead of both. I would like to ask how to execute my return event instead of triggering validation when I click back. No, no, no. ...