You often have trouble with the layout dislocation of devices with different resolutions or different window sizes. You can use @ media screen to realize the adaptive layout of web pages

Advantages: no plug-in and mobile phone theme, friendly to mobile devices, and can adapt to various window sizes

Just use the CSS Add the @ media screen attribute in the, judge and output different length and width values according to the browser width

The following is a css written for your own theme. Only the main article frame is reserved for devices below 768 in width, so as to obtain the best reading experience in limited space

After Baidu, Google, SF, and Stackoverflow, we finally solved the problem of webpack3 citing jQuery. There are too many repeated articles on the Internet, and most of them are outdated. Webpack has also developed very fast in the past two years, most of them are 1.0 version articles, and few of them have kept pace with the times. After a glance, it has now developed to 3.5.5, Few articles can solve the problem. The following is the implementation code of webpack3

Recently, we are working on the mobile terminal project of the annual Daliao Grand Ceremony. We need to equip a background music for H5 and play it automatically. We can add the automatic playing code according to the previous method, but a small episode (face covering) occurred

The background image does not display the background image. In the WeChat applet, users are allowed to customize the background image, but the path and address of the background image are limited. Previously, the relative path has been used to write the background image. The WeChat developer tool also displays the background image, mistakenly believing that there is no problem. However, during the preview, the background image is not displayed in the mobile phone. This is the first pit introduced today, The background image is not allowed to be a local image. The solution is

Although I have studied Apple a lot, people always compare small programs and apps together, so I also took time to look at the development guide of small programs, especially the design and principles of the UI part. Today I compare it with Apple's HIG (Human Interface Guidelines). In fact, the two are consistent in dealing with some major principles.

Recently, the cxselect multi-level linkage plug-in was used in the shopping channel, and this plug-in uses the "bind" method. For browsers below IE10, if the bind function is used in the JS code, the message "SCRIPT438: The object does not support the" bind "attribute or method, because the browser does not provide a method for this parameter, To solve this problem, we need to write a "bind" method to make this parameter effective.