Ask the boss to give me some guidance for this newcomer.

I am a sophomore majoring in computer science. I learned the web front end after seeing the great special effects on the Internet, but I went through the css foundation, but I always couldn"t write a good-looking page, and I didn"t know how to start it. Recently, when I imitated a website and visited another website, I found that other people"s websites were self-adaptive and changed directly from the pc side to the mobile layout. What I currently know about bootstrap is a responsive framework. Is there any special way for people to write two sets of css to load different css on different terminals through user agent inspection? ask the boss for advice. As far as I know about this method of media inquiry,

1. If I write the pc page code, write the navigation bar, after querying with the media, switching to the mobile will be adaptive, then the original written margin, ah, padding, what to do I directly gave to the px unit.
2. What kind of layout is popular at present.

Html5
Apr.12,2022

now the mature compatibility is better. Pc websites generally use media queries.

of course, you can do a lot of articles on layout. Flex layout can already meet the needs of most scenarios.

as for wanting to use a set of styles to be compatible with pc and to ensure that the mobile terminal is not messy, the simpler ones can be more complex than writing a large number of media queries. It is better to write two sets of styles directly, and it is also convenient for later maintenance

.

you can use bs to deal with what you call pc/ mobile, and px has nothing to do with what you say.
from pc to mobile, the layout of the page should be changed from three columns to two columns, two columns to one column, and one column cannot be displayed. It is necessary to make a choice and hide the unimportant information.
after the layout has been changed, the order of the modules will naturally be changed. By modifying the order of flex, you can raise the key content.
another key to self-adaptation is the size of the gap. It just so happens that a set of padding and margin of bs also has a responsive type

.

Previous: How does vue update externally referenced objects dynamically?

Next: Why are there so few websites that use http if modified since header fields?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e4692a-44bb7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e4692a-44bb7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?