[英]How can show image in proper orientation, Landscape or portrait
我在頁面上有一個文件輸入控件來選擇圖像。 當用戶選擇圖像時，我在頁面上顯示圖像。
但我的問題是，當用戶選擇垂直或縱向圖像時，它以橫向模式顯示。
那么，我如何檢測圖像方向並應用適當的CSS以在橫向或縱向視圖中顯示。
第1步：
檢查圖像的寬度是否大於其高度。 然后你會發現圖像是一個風景圖像。 你可以使用javascript快速查看。
第2步：
創建一個CSS並使用類（使用javascript應用該類）應用它，無論您需要什么方向。
如何在手機設備上僅針對平板電腦實現縱向顯示和縱向顯示？
[英]How implement only landscape orientation for tablet and portrait orientation on phone devices?
如何調整圖像的方向以顯示圖像的正確預覽？
[英]How to adjust the orientation of a image in order to show proper preview of the image?
AngularJS-如何檢測窗口調整大小+橫向/縱向改變事件
[英]AngularJS - How to detect window resize + landscape / portrait orientation change event
當ipad方向從橫向更改為縱向時如何使用javascript將變量設置為false，反之亦然並做出反應？
[英]How to set a variable to false when ipad orientation is changed from landscape to portrait and vice versa using javascript and react?
如何根據縱向或橫向模式（以及方向更改）更改“初始比例”？
[英]How do I change “initial-scale” based on portrait or landscape mode (and orientation change)?
CSS打印方向 - 預覽中的橫向，但打印時的縱向
[英]CSS Printing Orientation - Landscape in preview, but portrait in print out
當手機改變方向（橫向/縱向）時禁用 CSS 轉換
[英]Disable CSS transition when phone changes orientation (landscape/portrait)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
