Chinyorwa Directory
Nekukura kuri kuita internet panharembozha uye kushandiswa kwakapararira kwekushambadzira kweWeChat , nharembozha dzave chishandiso chakakosha muhupenyu.
Kune matemplate ewebhusaiti, tinokurudzira kushandisa madingindira anopindura eWordPress :
- Kana iyo WordPress theme yekuvandudza isina kuita iyo HTML 5 mufananidzo adaptive skrini zvakanaka pakugadzira iyo WordPress theme peji ...
- Kutsvaga webhusaiti pane nharembozha, pachave nemufananidzo wakashata kwazvo, uye ruzivo rwemushandisi rwakaipa kwazvo!
Chii chinorehwa neCSS mufananidzo adaptive?
CSS mufananidzo wega-adaptation unoreva kugadzira mifananidzo iri muhtml peji rewebhu, kuburikidza neCSS kodhi:
- Gadzirisa otomatiki kuhupamhi nekukwirira kwemidziyo yakasiyana.
- Iyo img tag inoyerwa otomatiki zvakaenzanirana.
Tevere, Chen Weiliang achagovana nemi kodhi yeCSS yekuwedzera saizi yemufananidzo zvakaenzana. ^_^
CSS mufananidzo urefu uye upamhi adaptive kodhi
Isa mufananidzo muhtml:
Kana iwe uchida kuti mufananidzo wacho uenderane kune diki saizi yechidzitiro pane kugara wakagadzika muhupamhi uye kureba.
Iwe unogona kuwedzera iyo inotevera kodhi kune style.css faira yeWordPress theme ▼
/*图片自适应宽度和高度*/
img { max-width: 100%; height: auto; width: auto\9; width: auto; }statement panomax-widthmutemo wehupamhi hwepamusoro
- kuve nechokwadi chekuti mifananidzo yese inoratidzwa pahupamhi hwe100% (i.e. inogona kungoratidzwa yakakura semifananidzo yavo).
- Panguva ino, kana chinhu chine mufananidzo (semuenzaniso, muviri kana div ine mufananidzo) idiki pane hupamhi hwechimiro chemufananidzo, mufananidzo unozoyerwa kuti uzadze iyo yakawanda iripo nzvimbo.
width:auto;zvinoreva hupamhi otomatiki
\9 Iyo inzira yekunyora hack css.
- Nenzira iyi, "\ 9" inowedzerwa kune yakajairwa css kodhi, chete IE browser inogona kuzviziva, mamwe mabhurawuza anofuratira ichi chirevo.
- Izvi zvichawana mutsauko webrowser, zvichigonesa chinangwa chemabhurawuza anoenderana.
Wadii kushandisa hupamhi: 100%?
Kuti uwane otomatiki kuyera kwemifananidzo, unogona zvakare kushandisa anowanzo shandiswa hupamhi zvivakwa, semuenzaniso.width：100％.
Zvisinei, mutemo uyu haushandi pano.
- Nekuti mutemo uyu uchaita kuti ioneke yakafara segaba rayo.
- Mumamiriro ezvinhu apo mudziyo wakafara zvikuru kupfuura mufananidzo, mufananidzo wacho uchatambanudzwa zvisingakoshi.
Kuchenjerera
Chii chinonzi CSS selectors? Ndeupi musiyano uripo pakati pekirasi neid?Dzidziso dzinotevera dzinotaura nezve ▼
Iyo nharembozha webhusaiti inotamba sei MP4 vhidhiyo inochinjika kune peji?Ndokumbira tinya iyi link iripazasi ▼
Tinovimba kuti chinyorwa chinoti "HTML 5 Image Resize Code for Adapting to Screen Size and Proportional Size in Web Pages" chakagoverwa pablog raChen Weiliang ( https://www.chenweiliang.com/ ) chichakubatsira.
Sunungukai kugovera link yechinyorwa chino: https://www.chenweiliang.com/cwl-964.html